Narzędzie · WCAG 2.1

Sprawdź dostępność strony

Darmowy test sprawdza w kodzie strony 15 wymagań WCAG 2.1, których brak najczęściej blokuje osoby korzystające z czytnika ekranu albo powiększenia. Wynik dostajesz od razu, a pełny raport na e-mail.

Test trwa kilka sekund. Sprawdzam jedną podaną stronę, bez logowania i bez instalowania czegokolwiek.

01 · Zakres

Co sprawdza test

  1. 01Brak języka strony w znaczniku html3.1.1
  2. 02Brak tytułu strony2.4.2
  3. 03Obrazki bez tekstu alternatywnego1.1.1
  4. 04Tekst alternatywny będący nazwą pliku1.1.1
  5. 05Pola formularza bez etykiety1.3.1, 4.1.2
  6. 06Linki bez dostępnej nazwy2.4.4
  7. 07Przyciski bez dostępnej nazwy4.1.2
  8. 08Linki typu „kliknij tutaj” i „więcej”2.4.4
  9. 09Brak H1 i przeskoki poziomów nagłówków1.3.1
  10. 10Powtórzone identyfikatory elementów4.1.1
  11. 11Ramki iframe bez tytułu4.1.2
  12. 12Tabele z danymi bez nagłówków1.3.1
  13. 13Blokada powiększania na telefonie1.4.4
  14. 14Automatycznie odtwarzany dźwięk1.4.2
  15. 15Nieprawidłowe role ARIA4.1.2

02 · Ograniczenia

Czego automat nie sprawdzi

Test czyta kod HTML strony. Nie uruchamia jej w przeglądarce, więc nie oceni kontrastu kolorów, obsługi klawiaturą, pułapek fokusa, kolejności czytania ani treści dokładanych przez JavaScript po załadowaniu. Nie oceni też, czy opis obrazka ma sens, tylko czy w ogóle istnieje.

Dlatego wynik to dolna granica problemów. Z moich pomiarów na 110 polskich sklepach wynika, że samych błędów wykrywalnych automatycznie jest sporo: za niski kontrast miało 96% z nich, a linki bez nazwy 85%. Szczegóły w badaniu dostępności sklepów WooCommerce. Jeśli potrzebujesz oceny całości, z testem klawiaturą i czytnikiem ekranu, audyt WCAG obejmuje wszystkie 50 kryteriów i naprawę.

03 · Pytania

Pytania o test dostępności

Jak sprawdzić dostępność strony internetowej?

Najpierw test automatyczny, który w kilka sekund wykrywa problemy widoczne w kodzie, na przykład obrazki bez opisu czy pola bez etykiet. Potem test ręczny: przejście całej strony samą klawiaturą, czytnikiem ekranu i sprawdzenie kontrastu. Dopiero oba etapy razem pokazują realny stan dostępności.

Czy dobry wynik testu oznacza zgodność z WCAG?

Nie. Test automatyczny obejmuje tylko część kryteriów WCAG 2.1 AA. Nie oceni obsługi klawiaturą, kolejności czytania, kontrastu ani tego, czy opisy obrazków mają sens. Dobry wynik to dobry znak, ale nie potwierdzenie zgodności z przepisami.

Czy test zapisuje moją stronę albo dane?

Test pobiera kod HTML podanej strony, sprawdza go i nie zapisuje go na stałe. Adres e-mail zbieram tylko wtedy, gdy sam poprosisz o pełny raport i zaznaczysz zgodę.

Dlaczego test nie sprawdza kontrastu?

Kontrast wymaga policzenia kolorów po zastosowaniu wszystkich stylów i skryptów, czyli uruchomienia strony w przeglądarce. Ten test czyta sam kod HTML, żeby wynik był w kilka sekund. Kontrast sprawdzam w pełnym audycie.