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