Начало › База знаний › Критерий 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

Общая информация по имеющимся знаниям, не юридическая консультация. По отдельному случаю обратитесь в адвокатское бюро, специализирующееся на ИТ-праве.