Zasoby

Polecane narzędzia

Narzędzia do testowania, audytu i monitorowania dostępności stron internetowych

Żadne narzędzie automatyczne nie zastąpi audytu manualnego. Jednak bez narzędzi automatycznych audyt jest wolny i podatny na przeoczenia. Poniższe zestawienie opisuje narzędzia według kategorii zastosowania: testowanie automatyczne, testowanie manualne, analiza kontrastu i czytniki ekranu.

Narzędzia automatyczne

Wykrywają błędy możliwe do zidentyfikowania bez interakcji człowieka

Axe DevTools

Rozszerzenie przeglądarki / API

Rozszerzenie do Chrome i Firefox analizujące DOM strony pod kątem naruszeń WCAG. Wyniki klasyfikowane według poziomu pewności (violations, needs review, passes). Wersja darmowa obejmuje reguły zgodne z WCAG 2.1 AA.

Integracja z CI/CD API JavaScript Reguły WCAG 2.2

WAVE

Rozszerzenie / Usługa online

Narzędzie WebAIM nakładające wizualne ikony na stronę, pokazujące błędy, ostrzeżenia i elementy strukturalne bezpośrednio w kontekście. Użyteczne do szybkiej wizualizacji problemów dla osób bez technicznego backgroundu.

Wizualizacja błędów Podgląd struktury Bez rejestracji

Google Lighthouse

DevTools / CLI / PageSpeed

Narzędzie Google mierzące wydajność, SEO, dostępność i najlepsze praktyki. Wynik dostępności oparty na silniku Axe. Przydatne jako szybki przegląd, ale pokrywa tylko podzbiór kryteriów WCAG.

Wynik 0-100 Core Web Vitals Integracja z CI

Pa11y

CLI / Node.js

Narzędzie wiersza poleceń do automatycznego testowania dostępności. Możliwość uruchomienia na wielu stronach jednocześnie. Dobre do integracji z pipeline'ami CI/CD i regularnego monitorowania regresji.

Batch testing Raporty JSON/CSV Open source

Czytniki ekranu

Testowanie z czytnikiem ekranu jest jedynym sposobem weryfikacji rzeczywistego doświadczenia użytkownika niewidomego

NVDA

NonVisual Desktop Access – darmowy czytnik ekranu dla Windows. Najczęściej używany przez niewidomych użytkowników w Polsce. Testowanie z NVDA i Firefox lub Chrome jest standardem audytu manualnego.

Windows · Darmowy

VoiceOver

Wbudowany czytnik ekranu macOS i iOS. Testowanie z VoiceOver i Safari jest wymagane dla pełnego pokrycia platformowego. Skróty klawiaturowe różnią się od NVDA.

macOS / iOS · Wbudowany

JAWS

Job Access With Speech – komercyjny czytnik ekranu dla Windows. Szeroko stosowany w środowiskach korporacyjnych. Licencja płatna. Zachowanie może różnić się od NVDA przy złożonych komponentach ARIA.

Windows · Komercyjny

TalkBack

Wbudowany czytnik ekranu Android. Testowanie mobilnych wersji stron z TalkBack i Chrome na Androidzie jest konieczne dla pełnego pokrycia urządzeń mobilnych.

Android · Wbudowany

Narzędzia do analizy kontrastu

Colour Contrast Analyser

Aplikacja desktopowa TPGi (dawniej The Paciello Group). Pipeta do pobierania kolorów z ekranu, obliczanie współczynnika kontrastu, sprawdzenie zgodności z WCAG 2.1 AA i AAA. Dostępna dla Windows i macOS.

Desktop · Darmowy

WebAIM Contrast Checker

Kalkulator online. Wprowadzenie wartości hex kolorów tekstu i tła, wynik natychmiastowy. Obsługuje sprawdzenie dla tekstu normalnego, dużego i elementów interfejsu (WCAG 1.4.11).

Online · Darmowy

Accessible Colors

Narzędzie online sugerujące najbliższe dostępne kolory, gdy wprowadzone wartości nie spełniają wymagań kontrastu. Przydatne na etapie projektowania palety barw.

Online · Darmowy
Ekran komputera z narzędziami do testowania dostępności WCAG – Axe DevTools i Lighthouse
Jak łączyć narzędzia

Strategia testowania dostępności

Żadne pojedyncze narzędzie nie pokrywa wszystkich kryteriów WCAG. Skuteczna strategia testowania łączy kilka podejść.

Axe lub Pa11y w pipeline CI/CD wykrywa regresje przy każdym wdrożeniu. WAVE lub Lighthouse daje szybki przegląd wizualny. NVDA i VoiceOver weryfikują rzeczywiste doświadczenie użytkownika. Colour Contrast Analyser sprawdza kolory na etapie projektu.

Kolejność ma znaczenie. Automatyczne narzędzia najpierw – eliminują oczywiste błędy. Czytnik ekranu na końcu – weryfikuje to, czego automatyka nie widzi.