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

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: يشير إلى أن القائمة الفرعية تحتوي على قائمة فرعية.

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

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