كيفية جعل Modal قابل للنفاذ

WAI-ARIA

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