axe DevTools to rozszerzenie przeglądarki oparte na otwartym silniku axe-core, rozwijanym przez firmę Deque. Ten sam silnik działa w Lighthouse, w wielu wtyczkach do frameworków testowych i w narzędziach CI. Dzięki temu wyniki są powtarzalne: ta sama strona w tym samym stanie daje ten sam raport.
Co axe wykrywa dobrze
axe analizuje aktualny DOM, czyli stronę po wyrenderowaniu przez JavaScript. Wychwytuje błędy, które da się jednoznacznie rozpoznać w kodzie:
- brak nazw dostępnych dla linków, przycisków i pól formularzy,
- niepoprawne role i atrybuty ARIA,
- zduplikowane identyfikatory, które psują powiązania etykiet,
- problemy z kontrastem tam, gdzie kolory da się ustalić automatycznie,
- brak języka dokumentu i błędy w strukturze list czy tabel.
Założeniem silnika jest ograniczanie fałszywych alarmów. Jeśli axe zgłasza błąd, zwykle warto go poprawić. Elementy, których nie da się ocenić jednoznacznie, trafiają do osobnej kategorii do ręcznego sprawdzenia.
Gdzie kończy się automat
Brak błędów w axe nie oznacza zgodności z WCAG. Narzędzie nie oceni, czy opis obrazu oddaje jego treść, czy kolejność fokusu jest logiczna, czy komunikat o błędzie mówi, co poprawić, ani czy treść jest zrozumiała. Nie przejdzie samodzielnie procesu zakupu czy rejestracji i nie sprawdzi, jak strona zachowuje się z czytnikiem ekranu.
axe w procesie wytwórczym
- Testy w CI. Integracje z Playwright, Cypress czy Jest pozwalają zatrzymać wdrożenie, które wprowadza nowe błędy.
- Testy stanów. Uruchamiaj skan po otwarciu menu, modala i po walidacji formularza, nie tylko na świeżo załadowanej stronie.
- Filtr przed audytem. Usunięcie błędów wykrywanych automatycznie pozwala audytorowi skupić się na barierach, których maszyna nie widzi.
Automat plus priorytety
Pojedynczy skan jednej podstrony rzadko daje obraz całego serwisu. Wasza organizacja potrzebuje wiedzy, które błędy powtarzają się w szablonach i od czego zacząć poprawki.
Jeśli chcesz zbadać więcej niż jedną stronę, sprawdź Trop Skan – automatyczne badanie 15 adresów z uporządkowaną listą priorytetów do naprawy.
Drużyna Dostępności