Wczoraj zakończyłam intensywny, czterotygodniowy kurs audytora dostępności cyfrowej według kryteriów WCAG, realizowany w ramach Szkoły Dostępności Cyfrowej. Było to dla mnie przede wszystkim cenne doświadczenie, które pomogło uporządkować i usystematyzować wiedzę zdobywaną wcześniej samodzielnie – podczas pracy nad dostępnymi stronami, lektury dokumentacji i blogów ekspertów czy słuchania zagranicznych podcastów. Kurs pozwolił mi nie tylko poukładać dotychczasowe doświadczenia, ale też lepiej zrozumieć polski kontekst dostępności – zwłaszcza konkretne wymagania wynikające z krajowych przepisów, które uzupełniają lub doprecyzowują wytyczne WCAG.
Teraz, porządkując to, czego się nauczyłam, postanowiłam stworzyć „narzędziownik” audytora WCAG: zestaw programów, rozszerzeń i zasobów pomocnych w wykrywaniu i analizie błędów dostępności. Zapraszam do przeglądu i testowania!
Deklaracja dostępności
Warunki techniczne deklaracji dostępności: dokument określa strukturę, wymagane metadane i znaczniki (np. identyfikatory w kodzie), które należy umieścić w deklaracji. Jest on obowiązkowy dla podmiotów publicznych, a wkrótce także dla wybranych podmiotów gospodarczych.
Generator deklaracji: przydatne narzędzie automatyzujące tworzenie dokumentu zgodnie z najnowszymi wytycznymi.
Wskazówka: upewnij się, że deklaracja zawiera wszystkie wymagane elementy (opis metod audytu, poziomy zgodności, znane wyjątki itp.) i że jest regularnie aktualizowana, gdy zmienia się zawartość strony lub systemu. Deklaracja musi być też aktualizowana co najmniej raz do roku.
Wiedza i dokumentacja WCAG
Aby rzetelnie oceniać dostępność, potrzebujesz dobrej bazy teoretycznej i znajomości technik spełniania kryteriów WCAG. Polecam regularne zapoznawanie się z oficjalnymi wytycznymi:
Understanding WCAG 2.1 – kompletne omówienie każdego kryterium: znaczenie, przykłady, konsekwencje dla użytkowników.
All WCAG 2.1 Techniques – katalog technik i przykładów implementacji (HTML, ARIA, CSS, JavaScript) wspierających spełnienie poszczególnych kryteriów.
Wskazówka: zamiast czytać wszystko naraz, warto wyznaczyć sobie harmonogram (np. po jednym kryterium dziennie) i od razu testować/praktykować wybrane techniki na rzeczywistych stronach lub projektach.
Rozszerzenia przeglądarki (automatyczne testy)
Rozszerzenia do przeglądarek ułatwiają wstępną analizę dostępności i szybko pokazują niektóre problemy. Każde narzędzie ma nieco inną prezentację wyników, dlatego warto przetestować kilka i wybrać to, które najlepiej odpowiada Twoim potrzebom:
Wave(WebAIM)
Accessibility Insights (Microsoft)
Osobiście najbardziej przypadły mi do gustu ARC Toolkit i Silktide ze względu na czytelny interfejs i praktyczne wskazówki. Pamiętaj jednak, że narzędzia automatyczne wykrywają tylko część problemów – zawsze uzupełniaj je ręcznym testowaniem (np. nawigacja klawiaturą, obsługa czytników ekranu).
Bookmarklety i skrypty użytkowe
Proste skrypty, które można przeciągnąć na pasek ulubionych i uruchamiać na dowolnej stronie. Mogą nie działać na stronach z restrykcyjnymi zabezpieczeniami, ale bywają bardzo pomocne.
ANDI (Accessible Name & Description Inspector) – wizualizuje informacje, które czytnik ekranu przekazywałby użytkownikowi. Pokazuje m.in. nazwy i opisy elementów.
Rozstrzelenie tekstu (Text Spacing) – bookmarklet do testowania odstępów między literami, wierszami i akapitami, co pomaga w ocenie czytelności. Dotyczy głównie badania kryterium WCAG 1.4.12.
Wskazówka: trzymaj w zestawie ulubionych bookmarkletów te, które najbardziej ułatwiają Ci szybkie inspekcje; miej gotową listę, by od razu uruchomić je podczas audytu.
Metodologia audytu
Każdy audytor opracowuje swoją metodę, ale warto znać sprawdzone podejścia, które pomagają systematycznie przejść przez wszystkie istotne aspekty:
RGAA (francuska metodologia) – zawiera listę testów powiązanych z kryteriami WCAG, podzieloną na konkretne etapy inspekcji.
Lista kontrolna samooceny (Ministerstwo Cyfryzacji) – polska lista kontrolna łącząca testy funkcjonalne ze sprawdzeniem zgodności z WCAG.
Wskazówka: zaadaptuj oba podejścia, wybierając te elementy, które najlepiej pasują do specyfiki projektu lub organizacji. Ustal kolejność testów (np. najpierw podstawowa nawigacja, potem multimedia, formularze, dokumenty) i dokumentuj wyniki w ustrukturyzowanym raporcie.
Programy i narzędzia desktopowe
Do niektórych testów lepiej użyć niezależnych aplikacji instalowanych lokalnie:
Czytnik ekranu NVDA – bezpłatne i otwarte oprogramowanie, które pozwala na odsłuchanie zawartości strony internetowej, dokumentów czy interfejsów aplikacji. Niezbędne nie tylko dla użytkowników z niepełnosprawnością wzroku, ale także dla audytorów dostępności, umożliwiając praktyczne testy i weryfikację, jak treści są odczytywane przez czytnik. Przed rozpoczęciem warto poświęcić czas na zapoznanie się z oficjalną dokumentacją oraz opanowanie klawiszowych skrótów, co sprawi, że obsługa NVDA będzie bardziej efektywna i intuicyjna.
Photosensitive Epilepsy Analysis Tool (PEAT) – analizuje miganie w materiałach wideo, by zidentyfikować potencjalne ryzyko dla osób z Fotosensywną Padaczką.
Color Contrast Analyzer (CCA) – sprawdza kontrast kolorów w dowolnym otwartym oknie (nie tylko w przeglądarce). Przydaje się, gdy testujesz kontrast tekstu w dokumentach, PDF-ach lub aplikacjach desktopowych.
Wskazówka: przeprowadzaj testy kontrastu i migotania zarówno dla elementów online, jak i offline (np. raporty w PDF, prezentacje). Upewnij się, że wszystkie kolory spełniają minimalne i ulepszone poziomy kontrastu zgodnie z WCAG.
Prosty język
Dostępność to nie tylko aspekty techniczne, lecz także zrozumiałość treści. Oto narzędzia wspomagające ocenę czytelności i jasność przekazu:
Jasnopis – analiza czytelności tekstu w języku polskim, wskazanie trudnych zdań czy terminów.
Logios – narzędzie do przekształcania tekstu w bardziej przystępny sposób, sugerujące uproszczenia językowe.
Wskazówka: korzystaj z obu narzędzi, by oszacować czytelność publikowanych treści (instrukcje, artykuły, formularze). Staraj się pisać krótkimi zdaniami, unikać żargonu i zawsze dołączać alternatywy (np. objaśnienia, glosariusz).
Podsumowanie i rekomendacje
Regularne odświeżanie wiedzy: WCAG i wytyczne krajowe mogą się zmieniać; subskrybuj newslettery WAI/W3C oraz krajowe komunikaty dotyczące dostępności.
Kombinacja narzędzi: używaj narzędzi automatycznych (rozszerzenia, desktopowe aplikacje) i ręcznych testów (klawiatura, czytnik ekranu, użytkownicy z niepełnosprawnościami).
Dokumentowanie procesu: opracuj lub dostosuj własną listę kontrolną i metodologię audytu; zapisuj wyniki w ustrukturyzowanym raporcie, wraz z rekomendacjami poprawek.
Edukacja i współpraca: współpracuj z deweloperami, redaktorami treści, projektantami UX, aby wspólnie wdrażać poprawki. Organizuj sesje szkoleniowe i dziel się wiedzą w zespole.
Testy z użytkownikami: kiedy to możliwe, angażuj osoby z różnymi potrzebami w testy użyteczności – ich opinie często ujawniają problemy niewykrywalne automatycznie.
Załączniki na stronach: pamiętaj, że załączniki na stronach również wliczają się do audytu. Dokumenty w Word, arkusze kalkulacyjne, prezentacje PPT, jak i PDF również można przygotować w dostępny sposób.
Mam nadzieję, że ten narzędziownik pomoże zarówno początkującym, jak i doświadczonym audytorom w skutecznym sprawdzaniu i poprawianiu dostępności cyfrowej.