التركيز المرئي وفق WCAG 2.4.7

من يتنقل بلوحة المفاتيح يجب أن يرى في كل لحظة أي عنصر عليه التركيز. outline: none دون بديل يخالف المعيار 2.4.7.

أخطاء شائعة

*:focus { outline: none } في CSS إعادة الضبط دون بديل، تنسيق تركيز بتباين منخفض جدًا، أو حلقة تركيز يحجبها العنصر المجاور.

الطريقة الصحيحة

استخدم :focus-visible (يعرض الحلقة عند استخدام لوحة المفاتيح فقط)، 2 px على الأقل، تباين واضح، بعض المسافة (outline-offset). يجوز أن تبقى الحلقة مرئية وإن أزعجت — لكن لا يجوز أن تغيب.

كيف يساعد a11yglass

يفحص المسح المجاني الـ HTML والـ CSS المُقدَّمين بحثًا عن مخالفات WCAG التي يمكن التعرف عليها آليًا، ويذكر لكل نتيجة معيار النجاح وإجراءً ملموسًا. يكتشف نحو 20–35 % من المشكلات ولا يحل محل تقييم كامل.

تابع القراءة

معلومات عامة بحسب أفضل المعرفة، وليست استشارة قانونية. للحالة الفردية استعن بمكتب محاماة متخصص في قانون تقنية المعلومات.