ابدأ من زر الفتح
في لوحة عملاء افتراضية، يفتح المستخدم نافذة تعديل من صف محدد. ضع تركيز البداية في نقطة مناسبة داخل النافذة واترك وسيلة إغلاق واضحة. اختبر التنقل من لوحة المفاتيح قبل تغيير الألوان أو طبقة التعتيم، وسجل أول عنصر يستقبل التركيز وآخر عنصر قبله.
استخدم inert على الخلفية الصحيحة
تجعل السمة inert عنصرًا وتوابعه غير تفاعليين، وتستبعدهم من التركيز وشجرة الوصول. في نافذة مخصصة ضعها على المناطق التي يجب تعطيلها، وانتبه ألا تكون النافذة نفسها داخل هذه المنطقة. الحوار الأصلي الذي يفتح بـ showModal له سلوك خاص ويحتاج اختبارًا بحسب تنفيذ الصفحة.
خطط لعودة التركيز
احفظ مرجع زر الفتح قبل العرض. عند الإغلاق أزل التعطيل وأعد التركيز إليه إذا بقي ظاهرًا وقابلًا للتركيز. إذا أدى الحفظ إلى إزالة الصف، اختر بديلًا منطقيًا مثل رأس القائمة أو أول عنصر في الصف التالي. راجع النوافذ المتداخلة كي لا تزيل التعطيل عن الخلفية قبل إغلاق آخر نافذة.
اختبار على جهازين
افتح النافذة بلوحة المفاتيح، واضغط Tab وShift+Tab في الطرفين وجرّب Escape وزر الإغلاق. تحقّق أن روابط الخلفية لا تستقبل التركيز أو النقر. أعد الاختبار بقارئ شاشة وبالهاتف. جرّب حفظًا يحذف زر الفتح من DOM وتأكد أن التركيز ينتقل إلى البديل المقرر.
من فايندو جروب: لوحات إدارة العملاء.
