تكرار السؤال: …
الإجابة المختصرة
لأن المستخدمين الذين يعتمدون على لوحة المفاتيح للتنقل (بسبب إعاقات حركية أو تفضيل الكفاءة) يعتمدون كلياً على مؤشر التركيز لمعرفة العنصر المحدد حالياً قبل الضغط على Enter أو Space.
الشرح
إلغاء حلقة التركيز في الكود (مثل كتابة outline: none بدون بديل) يعد جريمة في قابلية الاستخدام لأنه يجعل المستخدم يتنقل في الظلام. مؤشر التركيز المثالي يجب أن يكون: 1) مرئياً بوضوح شديد. 2) متبايناً لونياً بنسبة 3:1 على الأقل مع الخلفية والعنصر نفسه. 3) ذو سمك لا يقل عن 2px ومحيط بالعنصر أو مزاح قليلاً عنه (Offset Focus Ring) لتجنب اختفائه خلف حدود العنصر.
أخطاء شائعة
- إزالة حدود التركيز الافتراضية للمتصفح دون استبدالها بتصميم بصري مخصص وواضح.
- تصميم ترتيب انتقال غير منطقي (Broken Tab Order) يقفز بين زوايا الشاشة عشوائياً بدلاً من الترتيب البصري.