Dostępność WCAG: co automat znajdzie, a czego nie

Testy automatyczne pokrywają około jednej trzeciej kryteriów WCAG. Co łapią, co pomijają i jak sprawdzić resztę ręcznie w pół godziny.

Dostępność · Opublikowano: 24 czerwca 2026 · 2 min czytania · Ольга Мирошник

Automatyczne kontrole dostępności to dobry filtr pierwszego stopnia i słaba gwarancja. Według różnych szacunków pokrywają 25–40% kryteriów WCAG 2.2. Reszta wymaga człowieka, bo maszyna nie rozumie sensu.

Co automat znajduje pewnie

• Obrazy bez alt.
• Zbyt niski kontrast tekstu do tła (poziom AA — 4,5:1 dla tekstu podstawowego, 3:1 dla dużego).
• Pola formularza bez powiązanego <label>.
• Luki w hierarchii nagłówków: H2 zaraz po H4.
• Zduplikowane id i niepoprawne role ARIA.
• Brak lang na dokumencie.

To tanie poprawki i warto zamykać je w CI: podpiąć axe-core do przebiegu testów e2e i przerywać build przy naruszeniach poziomu critical.

Czego maszyna nie zauważy

Sensowność alt. alt="obrazek" formalnie przechodzi kontrolę i nie niesie informacji. Dla grafik dekoracyjnych właściwą odpowiedzią jest puste alt="", a nie brak atrybutu.

Kolejność fokusu. Tabulacja musi iść zgodnie z układem wizualnym. Modal ma trzymać fokus wewnątrz i zwracać go na przycisk otwierający po zamknięciu. Żadnej z tych reguł nie sprawdzi analiza statyczna.

Sens linków poza kontekstem. Dwadzieścia linków „Więcej" na stronie to poprawny HTML i bezużyteczna nawigacja dla czytnika ekranu.

Aktualizacje dynamiczne. Pojawił się błąd formularza albo zmienił licznik koszyka — potrzebne jest aria-live, inaczej zmiana przejdzie niezauważona.

Pułapki klawiaturowe. Własny select albo karuzela, z których nie da się wyjść tabulatorem.

Kontrola ręczna w trzydzieści minut

1. Odłóżcie mysz. Przejdźcie kluczowy scenariusz samą klawiaturą: Tab, Shift+Tab, Enter, Esc, strzałki.
2. Upewnijcie się, że fokus jest zawsze widoczny. outline: none bez zamiennika to najczęstsza przyczyna porażki.
3. Powiększcie do 200%. Nic nie powinno się przycinać ani uciekać poza ekran.
4. Włączcie czytnik ekranu (VoiceOver, NVDA) i posłuchajcie pierwszej minuty strony głównej.
5. Sprawdźcie stronę w trybie wysokiego kontrastu i z wyłączonymi obrazami.

Dlaczego to nie tylko kwestia osób z niepełnosprawnościami

Poprawne nagłówki pomagają wyszukiwarkom, label zwiększa trafialność w elementy na mobile, widoczny fokus oszczędza czas każdemu, kto wypełnia formularz z klawiatury. Dostępność niemal zawsze pokrywa się ze zwykłą jakością interfejsu — jej naruszenia są tylko widoczne wcześniej i bardziej bolesne.

I ustalcie poziom: WCAG 2.2 AA to praktyczny punkt odniesienia, do którego odsyła większość wymogów regulacyjnych, w tym europejskie.