Co mówi norma
Każdy interfejs możliwy do obsługi za pomocą klawiatury posiada sposób obsługi, w którym wskaźnik fokusu klawiatury jest widoczny.
Dlaczego to ma znaczenie
Usunięcie obwódki fokusu to najszybszy sposób, żeby witryna stała się nieużywalna z klawiatury — a wciąż siedzi w wielu resetach CSS.
Jak wygląda błąd
- błąd`outline: none` bez niczego w zamian.
- błądStyl fokusu tak blady, że nie przechodzi 1.4.11.
Jak to naprawić
- róbNigdy nie usuwaj obwódki bez zastąpienia jej. Ostyluj `:focus-visible`, zamiast kasować `:focus`.
- róbDaj wskaźnikowi co najmniej 3:1 kontrastu wobec otoczenia, i w jasnym, i w ciemnym motywie.
Jak sprawdza to A11ySignal
ręcznie
Żadna automatyczna reguła nie osądzi tego kryterium i nie będziemy udawać inaczej. Czyste skanowanie nie oznacza, że 2.4.7 jest spełnione — oznacza, że nic mierzalnego nie zawiodło. Tu potrzebny jest człowiek.
Także pod 2.4 Możliwość nawigacji
- 2.4.1 Możliwość pominięcia bloków
- 2.4.2 Tytuły stron
- 2.4.3 Kolejność fokusu
- 2.4.4 Cel linku (w kontekście)
- 2.4.5 Wiele dróg
- 2.4.6 Nagłówki i etykiety
- 2.4.8 Lokalizacja
- 2.4.9 Cel linku (z samego linku)
- 2.4.10 Nagłówki sekcji
- 2.4.11 Fokus nie jest zasłonięty (minimum)
- 2.4.12 Fokus nie jest zasłonięty (wzmocniony)
- 2.4.13 Wygląd fokusu