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

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