اختبار الوحدة: لوحة المفاتيح والتركيز وARIA

السؤال 1 من 5

• الـ tabindex يجعله قابلًا للتركيز فقط؛ والتفعيل بلوحة المفاتيح غير موصول، لأن Enter لا يطلق حدث click على div
• خاصية onclick لا تعمل إلا مع الفأرة في بعض المتصفّحات
• يجب أن تكون قيمة tabindex هي 1 ليعمل Enter

السؤال 2 من 5

• أضِف tabindex=“-1” إلى body ليجد التركيز مكانًا يذهب إليه
• أضِف aria-live إلى النافذة ليُعلَن إغلاقها
• أغلقها بـ dialog.close() ليعيد المتصفّح التركيز إلى العنصر الذي فتحها، أو انقل التركيز إليه صراحةً قبل حذف أي شيء
• احذف زر الإغلاق واعتمد على Escape وحده

السؤال 3 من 5

• انقل التركيز إلى العدّاد بعد كل ضغطة مفتاح
• عنصر role=“status” موجود منذ تحميل الصفحة، ويُحدَّث حين يتوقّف المستخدم عن الكتابة
• role=“alert” على العدّاد حتى لا يفوت أبدًا
• ضع العدد في الـ placeholder الخاص بالحقل

السؤال 4 من 5

• لا، يشترط APG أن تتغيّر اللوحات بمجرد أن يتلقّى التبويب التركيز
• لا، يجب أن تُفعَّل التبويبات بمفتاح Tab
• فقط إن كان كل تبويب رابطًا أيضًا
• نعم؛ هذا تفعيل يدوي، ويُوصى به حين يكون عرض اللوحة بطيئًا، مثلًا لأنها تحمّل بيانات

السؤال 5 من 5

• مكان aria-expanded هو الزر الذي يتحكّم في المحتوى، لا القائمة
• يجب حذف aria-controls لكي تعمل aria-expanded
• aria-expanded لا تعمل إلا على عناصر عليها role=“menu”