Початок › База знань › Критерій WCAG

Видимий фокус за WCAG 2.4.7

Той, хто навігує з клавіатури, має щомиті бачити, який елемент у фокусі. outline: none без заміни порушує критерій 2.4.7.

Поширені помилки

*:focus { outline: none } у reset-CSS без заміни, стиль фокуса з надто низьким контрастом, або кільце фокуса, приховане наступним елементом.

Як зробити правильно

Використовуйте :focus-visible (показує кільце лише за використання клавіатури), щонайменше 2 px, чіткий контраст, трохи відступу (outline-offset). Кільце може лишатися видимим, навіть якщо заважає — воно лише не може бути відсутнім.

Як допомагає a11yglass

Безкоштовне сканування перевіряє наданий HTML і CSS на порушення WCAG, які можна розпізнати автоматично, і називає до кожного висновку критерій успіху та конкретний крок. Воно виявляє приблизно 20–35% проблем і не замінює повної оцінки.

Читати далі

• Керування з клавіатури за WCAG 2.1.1
• Колірний контраст за WCAG 1.4.3

Загальна інформація за наявними знаннями, не юридична консультація. Для окремого випадку зверніться до адвокатського бюро, що спеціалізується на ІТ-праві.