Narzędzia audytora dostępności cyfrowej

Narzędzia pomagają szybciej znaleźć problemy, ale nie zastępują oceny eksperckiej, testu klawiaturą i sprawdzenia z czytnikiem ekranu.

Instrukcja praktyczna

Jak korzystać z narzędzi w audycie?

Najpierw test manualny

  • Sprawdź tytuł strony, język, nagłówki, strukturę treści i mapę serwisu.
  • Przejdź po stronie klawiaturą i oceń widoczność fokusu oraz kolejność tabulacji.
  • Sprawdź formularze: etykiety, instrukcje, pola wymagane, błędy i komunikaty sukcesu.
  • Przetestuj powiększenie do 200%, kontrast, orientację mobilną oraz teksty alternatywne.
  • Dopiero potem użyj narzędzi automatycznych do potwierdzania i uzupełniania obserwacji.

Zasada audytora

Narzędzie może wskazać symptom, ale to audytor opisuje problem, wpływ na użytkownika, kryterium WCAG i rekomendację. Wynik automatyczny bez interpretacji rzadko jest gotowym opisem błędu.

Podstawowe narzędzia audytora
Narzędzie Do czego służy Czego nie zastępuje
ANDISzybka kontrola nazw, ról, etykiet, struktury i relacji w interfejsie.Nie zastępuje testu z klawiaturą i czytnikiem ekranu.
WAVEWizualne wskazanie błędów, ostrzeżeń, struktury nagłówków, altów i formularzy.Nie rozstrzyga wpływu problemu na użytkownika.
ARC ToolkitAudyt komponentów, semantyki, kontrastu i typowych błędów technicznych.Nie zastępuje oceny przepływu użytkownika.
axe DevToolsAutomatyczne wykrywanie powtarzalnych problemów zgodnych z regułami axe.Nie wykrywa wszystkich błędów logicznych, treściowych i procesowych.
Accessibility InsightsTesty automatyczne i ścieżki manualne, szczególnie przy porządkowaniu procesu audytu.Nie zastępuje eksperckiego raportowania i priorytetyzacji.
Silktide Accessibility CheckerSzybki przegląd kontrastu, altów, nagłówków i podstawowych problemów strony.Nie powinien być jedynym źródłem oceny zgodności.
SiteLintKontrola jakości frontendowej, dostępności i problemów technicznych w przeglądarce.Nie zastępuje ręcznej analizy komponentów dynamicznych.
PEATAnaliza ryzyka błysków i treści mogących wywołać napady fotogenne.Nie zastępuje oceny całych multimediów, napisów i audiodeskrypcji.

Polecane zasoby

  1. Zainstaluj ANDI i sprawdź instrukcję użycia w Pracowni Dostępności Cyfrowej LepszyWeb (otwiera się w nowym oknie)
  2. Otwórz opis narzędzia WAVE w Pracowni Dostępności Cyfrowej LepszyWeb (otwiera się w nowym oknie)
  3. Przejdź do opisu ARC Toolkit w Pracowni Dostępności Cyfrowej LepszyWeb (otwiera się w nowym oknie)
  4. Otwórz axe DevTools w Chrome Web Store (otwiera się w nowym oknie)
  5. Otwórz Accessibility Insights for Web w Chrome Web Store (otwiera się w nowym oknie)
  6. Otwórz Silktide Accessibility Checker w Chrome Web Store (otwiera się w nowym oknie)
  7. Przejdź do SiteLint i sprawdź narzędzia do kontroli jakości strony (otwiera się w nowym oknie)
  8. Pobierz PEAT, narzędzie do analizy ryzyka błysków w multimediach (otwiera się w nowym oknie)
  9. Sprawdź kontrast kolorów w Adobe Color Contrast Analyzer (otwiera się w nowym oknie)
  10. Zweryfikuj CSS w walidatorze W3C (otwiera się w nowym oknie)