يجب أن تشير العناصر التفاعلية، مثل الروابط والأزرار، إلى حالتها وأن تكون قابلة للتمييز عن العناصر غير التفاعلية. للتحقق من أن العناصر التفاعلية تشير إلى الغرض منها وحالتها، استخدم كلاً من اختبار مرئي وقارئ شاشة.
طريقة اختبار التركيز المرئي يدويًا
لاختبار التركيز المرئي يدويًا،
يمكنك TAB من خلال صفحتك.
- هل يمكنك استخدام مفتاح التبويب (Tab) للانتقال إلى كل عنصر تفاعلي؟
- عند وصولك إلى عنصر تفاعلي، هل هناك دليل مرئي يمكن للمستخدمين التفاعل معه؟
- هل يتغير كل عنصر تفاعلي في المظهر عند تحديده؟
هناك العديد من الطرق لتصميم مؤشرات التركيز لكل عنصر تفاعلي.
يمكنك استخدام ":focus" بدون قلق.
تتيح لك الفئة الزائفة :focus تطبيق نمط موحد على عنصر.
يتم تطبيق هذا النمط في أي وقت يتم فيه التركيز على العنصر،
بغض النظر عن جهاز الإدخال أو الطريقة المستخدمة للتركيز عليه.
اطّلِع على مزيد من المعلومات في قسم التركيز على النمط.
كيفية الاختبار يدويًا باستخدام قارئ شاشة
باستخدام قارئ شاشة، تنقَّل في صفحتك وتحقَّق من قدرة قارئ الشاشة على الإعلان عن اسم كل عنصر تحكُّم تفاعلي ودور عنصر التحكُّم هذا والحالة التفاعلية الحالية. إذا كان دور العنصر غير واضح، وحالة العنصر غير واضحة، فقد تحتاج إلى إضافة أدوار ARIA المناسبة. اطّلِع على مزيد من المعلومات في مقالة تتضمّن عناصر التحكّم المخصّصة أدوار ARIA.
من المهم أيضًا إيلاء اهتمام وثيق لكيفية تصنيف العناصر التفاعلية. يعتمد مستخدمو برامج قراءة الشاشة والتقنيات المساعدة الأخرى على التسميات لفهم سياق هذا العنصر. التسميات الغامضة شائعة، ولا تكون مفيدة للتنقل في المحتوى. تعرَّف على كيفية تحسين التصنيفات والبدائل النصية.
سبب أهمية ذلك
إنّ تقديم تلميحات مرئية حول وظيفة عنصر التحكّم يساعد المستخدمين على إدارة موقعك الإلكتروني والتنقّل فيه. تُسمى هذه التلميحات العناصر الوظيفية. يتيح توفير العناصر الوظيفية للأشخاص إمكانية استخدام موقعك الإلكتروني على مجموعة متنوعة من الأجهزة.