Start › Baza wiedzy › Kryterium WCAG

Widoczny fokus według WCAG 2.4.7

Kto nawiguje klawiaturą, musi w każdej chwili widzieć, który element ma fokus. Outline: none bez zamiennika narusza kryterium 2.4.7.

Częste błędy

*:focus { outline: none } w CSS resetującym bez zamiennika, styl fokusu o zbyt niskim kontraście albo pierścień fokusu zasłonięty przez sąsiedni element.

Jak robić to dobrze

Używaj :focus-visible (pokazuje pierścień tylko przy obsłudze klawiaturą), min. 2 px, wyraźny kontrast, trochę odstępu (outline-offset). Pierścień może pozostać widoczny, nawet jeśli przeszkadza — nie może tylko go brakować.

Jak pomaga a11yglass

Bezpłatny skan sprawdza dostarczony kod HTML i CSS pod kątem naruszeń WCAG wykrywalnych automatycznie i podaje dla każdego ustalenia kryterium sukcesu oraz konkretne działanie. Wykrywa około 20–35 % problemów i nie zastępuje pełnego audytu.

Czytaj dalej

• Obsługa klawiaturą według WCAG 2.1.1
• Kontrast kolorów według WCAG 1.4.3

Informacja ogólna według najlepszej wiedzy, nie jest poradą prawną. W indywidualnej sprawie należy zwrócić się do kancelarii wyspecjalizowanej w prawie nowych technologii.