كيفية جعل قائمة التنقل قابلة للنفاذ

WAI-ARIA

  • الأدوار: تحديد ما هو العنصر أو ما يفعله.
    1. role=”menubar” يحدد العنصر كمستودع لمجموعة من عناصر. menuitem.
    2. role=”menu” يحدد العنصر مستودع لمجموعة من عناصر القائمة.
    3. role=”menuitem” يحدد العنصر كعنصر قائمة.
    4. role=”menu” يحدد العنصر كمستودع قائمة لمجموعة من عناصر القائمة.
  • الخصائص: تُستخدم لمنحهم معنى أو دلالات إضافية.
    1. aria-label: لوصف تصنيف المحتوى غير النصي (رمز الإغلاق).
    2. aria-controls: العلاقة بين علامات التبويب ولوحات علامات التبويب.
    3. aria-expanded: يشير إلى أن القائمة الفرعية مفتوحة أم لا.
    4. aria-labelledby: يوفر للمستخدم اسمًا مميزًا لعلامة التبويب.
  • الحالة: تحديد الظروف الحالية للعناصر.
    1. aria-hidden: للإشارة إلى أن العنصر وجميع عناصره الداخلية غير مرئية أو محسوسة.
    2. aria-haspopup: يشير إلى أن القائمة الفرعية تحتوي على قائمة فرعية.

معلومات اضافية

  • للوصول إلى جميع عناصر القائمة عن طريق علامة التبويب.
  • ظلل وتسطير عندما يكون العنصر في التركيز.
  • إغلاق القائمة الفرعية بترك التركيز أو الضغط على مفتاح الهروب.