Zarządzaj internetem jak systemem biznesowym.

Szukaj strategii, projektowania lub utrzymania witryn...
Otwórz lub zamknij menu

Dostępność cyfrowa

Jak stworzyć program testowania dostępności webowej oparty na rolach

Praktyczny model przypisuje testy dostępności do ról i etapów pracy, dobiera ich zakres do ryzyka zmiany oraz porządkuje dowody potrzebne do wydania.

Pięcioro współpracowników siedzi przy drewnianym stole, a stojący mężczyzna umieszcza pustą kartę na ściennej siatce obok urządzeń wspomagających.

Program testowania dostępności powinien działać jak część systemu dostarczania zmian, a nie jak końcowy audyt zamawiany u jednej osoby. Zanim praca się rozpocznie, zespół określa objęte nią ścieżki, komponenty i treści, dobiera wymagane metody oraz wskazuje wykonawcę, osobę akceptującą wynik i właściciela ponownego testu. Dzięki temu do przeglądu wydania trafiają nie tylko raporty ze skanera, lecz także dowody użycia klawiatury, oceny znaczenia treści, przeformatowania i — tam, gdzie to potrzebne — działania technologii wspomagających.

Najważniejsze zasady

  • Testowanie dostępności jest rozproszonym obowiązkiem zespołu dostarczającego zmianę, a nie ostatnim zadaniem specjalisty.
  • Każda metoda potrzebuje wyzwalacza, najwcześniejszego etapu, wykonawcy, akceptującego, dowodu, reguły blokady i właściciela ponownego testu.
  • Automatyzacja, ręczna ocena zgodności, testy technologii wspomagających i badania z osobami z niepełnosprawnościami dostarczają różnych dowodów.
  • Wyższe ryzyko zwiększa głębokość testów, lecz niższe ryzyko nie usprawiedliwia znanej bariery ani niepotwierdzonej deklaracji zgodności.
  • Wyjątek od reguły wydania dokumentuje decyzję o ryzyku, ale nie zmienia negatywnego wyniku w zgodność.

Kiedy testowanie dostępności staje się programem, a nie końcowym audytem?

Czworo współpracowników sortuje puste granatowe i bursztynowe karty do płytkich tacek na stole z klawiaturą, słuchawkami i teczkami.

Testowanie staje się programem, gdy różne rodzaje dowodów powstają na właściwych etapach pracy, a odpowiedzialność za ich zaakceptowanie pozostaje jednoznaczna. W3C zaleca ocenę dostępności wcześnie i przez cały okres tworzenia lub przebudowy, ponieważ wtedy problemy łatwiej korygować. Publiczna macierz Section508.gov pokazuje jeden z możliwych sposobów rozdzielenia działań między produkt, projekt, rozwój, QA, treści, specjalistów i nadzór. Jest inspiracją operacyjną, nie uniwersalnym wymogiem dla polskich firm.

  • Automatyczne wykrywanie odpowiada, które programowo sprawdzalne warunki narzędzie potrafiło znaleźć w określonym zakresie.
  • Ręczna kontrola zgodności ocenia zachowanie, strukturę i znaczenie wymagające interpretacji przez przygotowaną osobę.
  • Test technologii wspomagającej sprawdza zgodność wybranej konfiguracji podczas reprezentatywnego zadania i jego stanów.
  • Badanie z osobami z niepełnosprawnościami ujawnia bariery użyteczności oraz potrzeby, których sama kontrola standardu może nie pokazać.

Żaden z tych dowodów nie zastępuje pozostałych. W3C podkreśla, że samo narzędzie nie ustala zgodności serwisu ze standardami i potrzebna jest kompetentna ocena człowieka. Projektanci nadal odpowiadają za decyzje projektowe, autorzy za sens treści, a programiści za implementację i kontrole lokalne. Lider dostępności utrzymuje politykę, metody, szkolenia oraz pomaga rozstrzygać trudne przypadki, zamiast wykonywać każdy test osobiście i stawać się wąskim gardłem.

Jak dopasować głębokość testów do wydawanej zmiany?

Dwie osoby trzymają cztery coraz większe stosy pustych kart obok klawiatury, słuchawek, szkła powiększającego i monitora brajlowskiego.

Głębokość testów powinna rosnąć wraz z zakresem interakcji, ponownym wykorzystaniem rozwiązania, nowością, znaczeniem ścieżki i możliwym wpływem na użytkowników. Najpierw trzeba zinwentaryzować zmieniane widoki, komponenty, szablony, dokumenty, media, kontrolki, stany oraz obsługiwane technologie. Dopiero potem dobiera się metody. Jest to praktyczna drabina planowania, a nie oficjalny standard ryzyka, stała punktacja ani podstawa do uznania nietestowanej części serwisu za zgodną.

  • Zmiana wyłącznie treściowa wymaga ludzkiej oceny treści i odpowiednich kontroli automatycznych; przy zmianie struktury, mediów, dokumentów, kontrolek lub znaczenia zadania dochodzą właściwe testy klawiatury, powiększenia albo technologii wspomagających.
  • Zmiana wizualna lub układu wymaga przeglądu projektu, automatyzacji i kontroli powiększenia lub przeformatowania; gdy dotyka interakcji, obejmuje również fokus i obsługę klawiaturą.
  • Zmiana komponentu lub interakcji otrzymuje kryteria akceptacji przed implementacją, kontrole programisty, niezależne testy QA odpowiednich stanów i regresję, jeżeli rozwiązanie jest używane ponownie.
  • Nowy szablon, krytyczna ścieżka lub duże wydanie korzysta ze wszystkich właściwych warstw, reprezentatywnych zadań, przeszkolonych testerów technologii wspomagających, próbkowanej oceny zgodności i odpowiednio wczesnych badań z użytkownikami.

Podobną zasadę różnicowania głębokości przedstawia Section508.gov, od kontroli automatycznych i punktowych po testy komponentowe oraz kompleksowe, osobno wskazując monitorowanie i badania z osobami z niepełnosprawnościami. Nie oznacza to, że niski poziom ryzyka pozwala pominąć każdy dowód. Gdy potrzebna jest szersza ocena zgodności, WCAG-EM prowadzi przez określenie celu i zakresu, rozpoznanie kluczowych widoków i funkcji, dobór reprezentatywnej próby, ocenę oraz raport.

Co wpisać do macierzy własności testów i kto przejmuje kolejne etapy?

Troje współpracowników umieszcza granatowe karty na pięciokolumnowej tablicy, a na stole leżą koszulki z dokumentacją i urządzenia testowe.

Macierz powinna dla każdej warstwy określać wyzwalacz i zakres, najwcześniejszy użyteczny etap, odpowiedzialnego wykonawcę, osobę rozliczaną z akceptacji, wymagane kompetencje i środowisko, zachowywany dowód, regułę blokady oraz właściciela naprawy i ponownego testu. Takie pola odpowiadają elementom powtarzalnej metodyki wskazywanym w wytycznych Section508.gov: momentowi testu, wykonawcy, głębokości, kwalifikacjom, środowisku, metodzie i śledzeniu wyniku. Własna macierz organizacji powinna jednak odzwierciedlać jej realne role.

Projektant odpowiada za dostępne decyzje projektowe, redaktor za znaczenie komunikatów, programista za implementację, a QA za plan i niezależne wykonanie uzgodnionych kontroli. Badacz prowadzi etyczne badania z osobami z niepełnosprawnościami, specjalista dostępności utrzymuje metody i doradza przy trudnych ustaleniach, zaś upoważniony właściciel produktu lub wydania podejmuje decyzję o publikacji. W małym zespole jedna osoba może nosić kilka takich „czapek”, ale przy pracy wyższego ryzyka warto zachować przeszkolony lub niezależny przegląd.

Dostępność przestaje być cudzą kontrolą końcową, gdy każda zmiana ma nazwane dowody, odpowiedzialność i drogę ponownego testu.

Przykładowa macierz własności siedmiu warstw testowania dostępności
Warstwa, wyzwalacz i zakresNajwcześniejszy etap, wykonawca, kompetencje i środowiskoAkceptujący i zachowywany dowódWpływ na wydanie i właściciel ponownego testu
Automatyczne kontrole — każda właściwa zmiana kodu, szablonu lub treści; zakres zapisany w konfiguracji.Rozwój i integracja; programista lub autor, wspierany przez QA; znane reguły i powtarzalne środowisko.QA albo właściciel komponentu; raport z zakresem, wersją, wynikiem i odsyłaczem do zmiany.Uzgodnione błędy blokują; naprawia twórca, a test automatyczny i QA potwierdzają wynik.
Przegląd treści — nowe lub zmienione tytuły, nagłówki, etykiety, linki, instrukcje, błędy i alternatywy.Projekt treści i redakcja; autor lub redaktor znający kontekst zadania oraz zasady dostępnej treści.Właściciel treści; zaakceptowany materiał, uwagi redakcyjne i powiązane kryteria akceptacji.Niezrozumiała treść blokuje objęty nią etap; autor poprawia, a redaktor ponownie ocenia kontekst.
Kontrola klawiatury — zmienione kontrolki, interakcje, kolejność fokusu, walidacja i kompletne zadania.Implementacja i niezależne QA; programista, potem tester znający wzorce klawiaturowe i oczekiwane zachowanie.QA; kroki zadania, stany, kolejność fokusu, rezultat oraz materiał pokazujący problem.Brak ukończenia zadania lub pułapka blokuje; programista naprawia, QA powtarza całą ścieżkę.
Powiększenie i przeformatowanie — zmiana układu, typografii, warstw, responsywności albo położenia fokusu.Projekt i QA; projektant ocenia rozwiązanie, tester sprawdza właściwe szerokości, wysokości i powiększenie.QA lub właściciel projektu; widoki, warunki testu, utracona treść, zasłonięcia i wynik.Utrata informacji lub funkcji blokuje; zespół projektu i rozwoju naprawia, QA wykonuje retest.
Wybrana technologia wspomagająca — istotna interakcja, nowy komponent, krytyczna ścieżka lub większa zmiana.Prototyp i działająca wersja; przeszkolony tester w uzasadnionej konfiguracji systemu, przeglądarki i technologii.Lider dostępności albo QA; zadanie, wpływ, konfiguracja, wersje, oczekiwane zachowanie i dowód.Blokada wynika z ustalonego wpływu i polityki; twórca naprawia, ten sam zakres przechodzi retest.
Badanie z osobami z niepełnosprawnościami — prototyp, krytyczna ścieżka lub nierozpoznane potrzeby użytkowników.Etap umożliwiający zmianę rozwiązania; doświadczony badacz, dostępne materiały, wsparcie i bezpieczna sesja.Właściciel badań i produktu; plan, obserwacje, wpływ na zadania, ograniczenia oraz podjęte decyzje.Wynik zasila decyzje i naprawy, nie samodzielną deklarację zgodności; badacz weryfikuje kolejną iterację.
Próbkowana ocena zgodności — nowy szablon, duże wydanie, krytyczna ścieżka lub potrzeba szerszego zapewnienia.Przed wydaniem, po wcześniejszych naprawach; przeszkolony lub niezależny ewaluator z uzgodnionym zakresem.Upoważniony właściciel wydania; cel, zakres, próba, metoda, ustalenia, ograniczenia i raport.Nierozwiązane ustalenia podlegają regule wydania; właściciele zmian naprawiają, ewaluator potwierdza retest.

Co powinny naprawdę sprawdzać podstawowe kontrole dostępności?

Dwoje współpracowników siedzi przy stanowisku testowym: mężczyzna używa klawiatury przed odwróconym monitorem, a kobieta reguluje powiększalnik.

Każda podstawowa kontrola powinna sprawdzać wykonanie konkretnego zadania lub właściwość treści, a nie jedynie obecność technicznego elementu. Automatyzacja wykrywa powtarzalne warunki możliwe do zaprogramowania, lecz czysty raport nie rozstrzyga o zgodności. Ludzki przegląd ocenia, czy tytuły, nagłówki, etykiety, linki, instrukcje, błędy, napisy, transkrypcje i teksty alternatywne przekazują użyteczne znaczenie w danym kontekście. WCAG zawiera wymagania dotyczące takiego znaczenia, więc samo istnienie pola lub etykiety nie wystarcza.

  • W kontroli klawiatury wykonaj reprezentatywne zadanie, uruchom każdą właściwą kontrolkę, prześledź oczekiwaną kolejność fokusu, sprawdź jego widoczność i brak całkowitego zasłonięcia, wejdź do złożonych komponentów i opuść je, obserwuj zmiany stanu oraz odzyskiwanie po błędach.
  • W kontroli treści czytaj komunikaty w kolejności zadania i pytaj, czy nazwa, instrukcja, link lub błąd pozwala zrozumieć cel oraz następny krok bez wiedzy autora.
  • Przy powiększeniu tekstu sprawdź właściwy przypadek do 200%, uwzględniając wyjątki kryterium, oraz obserwuj utratę treści, funkcji, fokusu i możliwość ukończenia zadania.
  • Przy przeformatowaniu oddziel warunek szerokości 320 pikseli CSS bez przewijania poziomego od warunku wysokości 256 pikseli CSS bez przewijania pionowego, pamiętając o wyjątku dla układów wymagających dwóch wymiarów.

WCAG 2,2 wymaga obsługi funkcjonalności klawiaturą z określonym wyjątkiem dla wejścia zależnego od ścieżki ruchu oraz możliwości przeniesienia fokusu poza komponent. Na poziomie AA wskaźnik fokusu musi być widoczny, a treść utworzona przez autora nie może go całkowicie zasłonić. Podczas kontroli powiększenia i przeformatowania nie chodzi więc o podobieństwo piksel w piksel, lecz o zachowanie informacji, funkcjonalności i orientacji: brak zasłonięć, ukrytego fokusu, nieoczekiwanych zmian poza widokiem oraz niedozwolonego przewijania.

Kiedy dodać technologie wspomagające, badania z użytkownikami i ocenę zgodności?

Niewidomy mężczyzna w słuchawkach korzysta z monitora brajlowskiego i małej klawiatury, a badaczka obserwuje go i trzyma pustą kartę zadania.

Dodatkowe metody należy włączać do reprezentatywnych i bardziej ryzykownych zmian wtedy, gdy ich wyniki mogą jeszcze wpłynąć na projekt. Przeszkolony tester czytnika ekranu lub innej technologii wspomagającej sprawdza zadania, stany i kompatybilność wybranej konfiguracji. Nie symuluje w ten sposób doświadczenia wszystkich niewidomych osób ani nie potwierdza pełnej zgodności. GOV.UK zaleca takie testowanie w toku rozwoju, zwłaszcza po istotnych funkcjach i większych zmianach, z użyciem reprezentatywnych zadań.

  • Dobierz aktualne połączenia systemu, przeglądarki i technologii z danych o odbiorcach, technologii produktu, deklarowanego wsparcia i znanego ryzyka, zamiast kopiować uniwersalną listę.
  • Zapisz zadanie, wpływ na użytkownika, oczekiwane zachowanie, system, przeglądarkę, technologię i wersję, materiał dowodowy, właściciela naprawy oraz wynik ponownego testu.
  • W badaniu z osobami z niepełnosprawnościami usuń wcześniej istotne oczywiste bariery, lecz zapraszaj uczestników już do prototypów, jeżeli ich informacja może zmienić kierunek rozwiązania.

Badania z osobami z niepełnosprawnościami mogą ujawnić problemy użyteczności, których nie pokazuje sama ocena zgodności, ale nie zastępują oceny standardu. W3C opisuje zarówno nieformalną informację o prototypie, jak i formalne badania zadaniowe dopasowane do etapu projektu oraz przestrzega przed uogólnianiem doświadczenia jednej osoby na całą grupę. Szersza ocena zgodności powinna natomiast określić cel i zakres, rozpoznać kluczowe widoki i funkcje, dobrać reprezentatywne pokrycie, przeprowadzić ocenę i udokumentować ograniczenia. Nawet najwyższy poziom WCAG nie odpowiada na potrzeby każdej osoby.

Jak dowody powinny sterować wydaniem i doskonaleniem programu?

Troje współpracowników przegląda koszulki z dokumentacją i karty stanu, a jedna osoba odkłada bursztynową kartę przy klawiaturze i słuchawkach do ponownego testu.

Wydanie powinno zależeć od kompletu dowodów wymaganych dla danej klasy zmiany, a nie od jednego globalnego wyniku. Właściwe kontrole muszą być zakończone, ustalenia uznane za blokujące — naprawione i ponownie sprawdzone, a zapis powinien wskazywać zakres, metodę, środowisko, rezultat, właściciela, decyzję i status retestu. QA i specjaliści dostarczają niezależnych dowodów, twórcy naprawiają swoje rozwiązania, natomiast upoważniony właściciel produktu lub wydania podejmuje i dokumentuje decyzję o akceptacji.

Jeżeli polityka organizacji dopuszcza wyjątek, jego zapis powinien zawierać upoważnionego właściciela, uzasadnienie, dotkniętych użytkowników, środek ograniczający skutki, termin wygaśnięcia i działanie następcze. Wyjątek nie zmienia wyniku testu i nie ustanawia zgodności. Po publikacji zgłoszone bariery oraz powtarzające się defekty warto powiązać z macierzą, testami regresyjnymi, szkoleniami, szablonami i przyszłymi klasami zmian. Taka pętla odpowiada zaleceniu W3C, by nie ograniczać oceny dostępności do jednego etapu końcowego.

  1. Wybierz jedną krytyczną ścieżkę i opisz wymagane warstwy testów.
  2. Nazwij właścicieli ról i zapewnij im potrzebne szkolenie.
  3. Dodaj szablony dowodów oraz właściwą automatyzację.
  4. Skalibruj reguły blokady na rzeczywistych ustaleniach.
  5. Przeglądaj powtarzalne typy defektów i ich przyczyny.
  6. Rozszerzaj pokrycie dopiero po domknięciu pierwszej ścieżki.

Najlepszym początkiem jest kompletna ścieżka dowodowa dla jednego ważnego zadania, a nie szeroka macierz wypełniona niejasnymi deklaracjami. Gdy zespół nie potrafi ocenić złożonych interakcji, zachowania technologii wspomagających, reprezentatywności próby lub spornego ustalenia, powinien skorzystać z przeszkolonego ewaluatora dostępności. Badania z osobami z niepełnosprawnościami warto powierzyć doświadczonemu badaczowi użytkowników. Interpretacje obowiązków prawnych i deklaracje zgodności dla konkretnej jurysdykcji wymagają natomiast porady odpowiednio wykwalifikowanego prawnika.

Najczęstsze pytania

Jak stworzyć program testowania dostępności strony internetowej?

Najpierw określ zakres serwisu i klasy zmian, a następnie rozdziel automatyzację, kontrole ręczne, testy technologii wspomagających oraz badania z użytkownikami. Dla każdej metody wpisz do macierzy wyzwalacz, etap, wykonawcę, akceptującego, dowód, regułę blokady i właściciela retestu. Uruchom model na jednej krytycznej ścieżce i rozszerzaj go na podstawie powtarzających się ustaleń.

Kto odpowiada za testowanie dostępności cyfrowej?

Odpowiedzialność jest rozproszona: projektanci odpowiadają za projekt, redaktorzy za treść, programiści za implementację, QA za plan i niezależne testy, a badacze za właściwe badania z użytkownikami. Lider dostępności utrzymuje metody i doradza, zaś upoważniony właściciel wydania akceptuje decyzję. Kontrola nie przenosi odpowiedzialności za naprawę z twórcy na testera.

Czy automatyczny test dostępności potwierdza zgodność z WCAG?

Nie. Automatyzacja skutecznie i powtarzalnie wykrywa część programowo sprawdzalnych warunków, ale nie ocenia całego zachowania, znaczenia treści ani doświadczenia użytkownika. W3C wskazuje, że żadne narzędzie samo nie ustala zgodności ze standardami, dlatego potrzebna jest kompetentna ocena człowieka oraz inne metody właściwe dla zakresu.

Kiedy testować stronę czytnikiem ekranu i z osobami z niepełnosprawnościami?

Przeszkolone testy czytnika ekranu lub innych technologii wspomagających należy planować dla reprezentatywnych zadań, istotnych interakcji i zmian o wyższym ryzyku. Badania z osobami z niepełnosprawnościami warto prowadzić przy prototypach i krytycznych ścieżkach, zanim decyzje staną się kosztowne do zmiany. Pierwsza metoda sprawdza kompatybilność konfiguracji, druga ujawnia użyteczność i niezaspokojone potrzeby.

Które problemy z dostępnością powinny blokować wydanie?

Organizacja musi ustanowić upoważnione, proporcjonalne reguły blokady dla swoich produktów i ryzyka. Przed wydaniem wymagane kontrole powinny być zakończone, problemy zakwalifikowane jako blokujące naprawione i ponownie sprawdzone, a dowody zachowane. Dopuszczony wyjątek musi pozostać jawny, ograniczony czasowo i oddzielony od deklaracji zgodności.

WebChorus logo

Zespół redakcyjny WebChorus

Piszemy o decyzjach, które kształtują witrynę długo po jej uruchomieniu. Wychodzimy od wskazanych źródeł, oddzielamy ustalenia od własnych ocen i korzystamy z AI przy researchu oraz redakcji zgodnie z udokumentowanymi standardami. Ujawniamy wszystkie powiązania handlowe.