Przygotowanie strony do audytu dostępności nie polega na szybkim uruchomieniu automatycznego skanera i poprawieniu kilku komunikatów. Rzetelny audyt powinien pokazać, czy użytkownicy mogą samodzielnie znaleźć informację, obsłużyć formularz, zapoznać się z dokumentem, odtworzyć materiał multimedialny i skorzystać z najważniejszych funkcji serwisu.
Dostępność cyfrowa dotyczy między innymi osób z ograniczeniami wzroku, słuchu, ruchu oraz osób z różnymi potrzebami poznawczymi. Korzystają z niej także użytkownicy starsi, osoby używające urządzeń mobilnych, osoby pracujące w hałasie lub słabym oświetleniu oraz ci, którzy mają czasowe ograniczenia, na przykład złamaną rękę. Dlatego audyt warto traktować nie tylko jako kontrolę zgodności z wymaganiami, lecz także jako sposób na poprawę jakości usług i komunikacji.
Po co przygotowywać stronę do audytu dostępności?
Audyt dostępności jest badaniem stanu serwisu w określonym momencie. Jego celem jest rozpoznanie barier, określenie ich wpływu na użytkowników oraz wskazanie działań naprawczych. W przypadku podmiotów publicznych wymagania dostępności cyfrowej wynikają z ustawy z 4 kwietnia 2019 r. Przepisy odwołują się do wymagań odpowiadających zasadom WCAG oraz normie EN 301 549. Strona powinna być postrzegalna, funkcjonalna, zrozumiała i kompatybilna z różnymi technologiami asystującymi.
Warto pamiętać, że audyt nie jest konkursem na największą liczbę wykrytych błędów. Dwa pozornie podobne problemy mogą mieć zupełnie inne znaczenie. Brak etykiety pola w formularzu może uniemożliwić jego obsługę osobie korzystającej z czytnika ekranu, natomiast niewłaściwy poziom nagłówka może przede wszystkim utrudniać orientację w treści. Dobry raport pomaga ustalić priorytety i zaplanować poprawki zgodnie z rzeczywistym ryzykiem.
Przygotowanie strony do audytu dostępności – od czego zacząć?
1. Określ cel i zakres badania
Zanim audytor rozpocznie pracę, ustalcie, czego dokładnie potrzebuje organizacja. Zakres może obejmować całą stronę, wybrane podstrony, formularze, wyszukiwarkę, panel klienta, dokumenty do pobrania albo konkretną ścieżkę użytkownika. Innego badania potrzebuje nowa strona przed publikacją, a innego rozbudowany serwis, który działa od kilku lat i zawiera tysiące podstron.
Na początku odpowiedz na kilka pytań:
- Jakie funkcje są najważniejsze dla odbiorców?
- Które podstrony generują najwięcej wejść lub spraw?
- Czy użytkownik może zrealizować usługę całkowicie online?
- Czy strona zawiera dokumenty PDF, nagrania, mapy, tabele lub prezentacje?
- Czy audyt ma służyć poprawie serwisu, odbiorowi projektu, postępowaniu zakupowemu czy przygotowaniu deklaracji dostępności?
Jeżeli zakres nie zostanie jasno ustalony, raport może być zbyt ogólny albo nie obejmować elementów, które są kluczowe dla organizacji. W razie potrzeby można przeprowadzić audyt etapami: najpierw najważniejsze ścieżki, a później kolejne typy treści i funkcji.
2. Przygotuj listę najważniejszych ścieżek użytkownika
Audytorowi warto przekazać scenariusze, które użytkownicy wykonują najczęściej. Mogą to być na przykład: znalezienie godzin otwarcia, zapisanie się na wydarzenie, wysłanie wniosku, zakup biletu, pobranie formularza, sprawdzenie harmonogramu lub skontaktowanie się z instytucją.
Przy każdym scenariuszu opisz oczekiwany rezultat. Samo sprawdzenie strony głównej nie wystarczy, ponieważ bariery często pojawiają się dopiero po przejściu do formularza, okna dialogowego, kalendarza, systemu płatności albo dokumentu zewnętrznego. Audyt zorientowany na zadania lepiej pokazuje, czy serwis faktycznie wspiera użytkownika.
3. Zbierz informacje techniczne
Przed rozpoczęciem badania przygotuj podstawowe dane o serwisie. Nie muszą być skomplikowane, ale powinny ułatwić audytorowi odtworzenie środowiska i zrozumienie zależności między poszczególnymi elementami.
- adres strony oraz ewentualne adresy środowiska testowego;
- informację o systemie CMS i używanym motywie;
- listę wtyczek, bibliotek i narzędzi firm zewnętrznych;
- informację o formularzach, systemach rezerwacji i płatności;
- listę subdomen, serwisów powiązanych i przekierowań;
- informację o wersjach językowych i responsywności;
- dane kontaktowe osoby technicznej oraz osoby odpowiedzialnej za treści.
Jeżeli audyt będzie prowadzony na środowisku testowym, sprawdź, czy audytor otrzyma dostęp do wszystkich potrzebnych funkcji. Warto także ustalić, czy środowisko zawiera takie same komponenty jak wersja produkcyjna. Inaczej przygotowany raport może nie odpowiadać rzeczywistemu działaniu opublikowanej strony.
Jakie elementy strony sprawdzić przed audytem?
Treści i struktura informacji
Przejrzyj strukturę nagłówków, kolejność treści, nazwy menu i sposób prezentowania najważniejszych komunikatów. Nagłówki powinny opisywać kolejne części strony, a nie służyć wyłącznie do uzyskania określonego wyglądu. Linki powinny jasno informować, dokąd prowadzą, a przyciski – jakie działanie wykonają.
Zwróć uwagę na język. Długie zdania, skróty bez wyjaśnienia i niejednoznaczne komunikaty zwiększają wysiłek potrzebny do zrozumienia informacji. Dostępność nie oznacza rezygnacji z fachowości. Oznacza raczej takie redagowanie treści, aby odbiorca mógł szybko ustalić, co jest najważniejsze i co powinien zrobić.
Przydatne może być wcześniejsze zapoznanie się z materiałem 15 najczęstszych błędów w dostępności cyfrowej. Taka lista nie zastąpi audytu, ale ułatwi wewnętrzny przegląd serwisu.
Obrazy, grafiki i multimedia
Sprawdź, czy obrazy mają alternatywy tekstowe odpowiednie do ich funkcji. Zdjęcie dekoracyjne nie powinno być opisywane tak samo jak grafika zawierająca ważne dane. Wykres, mapa lub infografika mogą wymagać krótkiego opisu oraz tekstowego przedstawienia kluczowych informacji.
Materiały wideo powinny być ocenione pod kątem napisów, informacji dźwiękowych i możliwości obsługi odtwarzacza. Sam fakt, że nagranie można uruchomić, nie oznacza jeszcze, że jego treść jest dostępna dla wszystkich odbiorców.
Formularze i komunikaty o błędach
Formularz należy sprawdzić zarówno w standardowej obsłudze, jak i z użyciem samej klawiatury. Pola powinny mieć jednoznaczne etykiety, instrukcje oraz komunikaty wskazujące, co wymaga poprawy. Komunikat „wystąpił błąd” zwykle nie wystarcza. Użytkownik powinien wiedzieć, którego pola dotyczy problem i jak go rozwiązać.
Zweryfikuj także sytuacje nietypowe: wysłanie pustego formularza, wpisanie nieprawidłowego adresu e-mail, przekroczenie limitu znaków, wygaśnięcie sesji oraz ponowne przesłanie formularza. Ważne jest, aby błędy nie znikały bez wyjaśnienia i nie były sygnalizowane wyłącznie kolorem.
Nawigacja klawiaturą i widoczność fokusu
Użytkownik powinien móc przejść przez stronę bez użycia myszy. Przetestuj menu, wyskakujące okna, suwaki, rozwijane listy, galerie, formularze i odtwarzacze. Kolejność przechodzenia fokusu powinna być logiczna, a miejsce aktywnego elementu – wyraźnie widoczne.
W praktyce częstym problemem jest fokus usunięty przez style CSS albo zasłonięty przez przyklejony nagłówek. Taki błąd może sprawić, że użytkownik nie wie, gdzie aktualnie się znajduje. Nie wyłączaj widocznego obramowania fokusu bez zapewnienia równoważnego rozwiązania.
Kontrast, powiększenie i urządzenia mobilne
Przejrzyj kolory tekstu, ikon, przycisków, pól formularzy i elementów informujących o stanie. Kontrast powinien umożliwiać odczyt treści, ale sam pomiar koloru nie wyczerpuje badania. Liczy się również rozmiar tekstu, odstępy, czytelność po powiększeniu i zachowanie układu na małym ekranie.
Sprawdź stronę przy powiększeniu tekstu, w orientacji pionowej i poziomej oraz na urządzeniu mobilnym. Zobacz, czy użytkownik nie musi przewijać strony w dwóch kierunkach, czy elementy nie nachodzą na siebie i czy przyciski mają wystarczającą powierzchnię do wygodnej obsługi.
Narzędzia automatyczne a audyt ekspercki
Automatyczne skanery są przydatne jako pierwszy filtr. Mogą wskazać między innymi brakujące atrybuty, niektóre problemy z kontrastem, błędy w strukturze dokumentu lub nieprawidłowe wartości HTML. Nie potrafią jednak wiarygodnie ocenić, czy tekst alternatywny ma sens, czy instrukcja jest zrozumiała, czy kolejność informacji odpowiada zadaniu użytkownika ani czy formularz można skutecznie obsłużyć w konkretnej sytuacji.
Wytyczne WCAG zakładają połączenie testów automatycznych z oceną człowieka. Dlatego przed właściwym audytem można wykonać skan techniczny, ale wynik należy potraktować jako materiał pomocniczy. Nie warto publikować deklaracji zgodności wyłącznie na podstawie wyniku narzędzia automatycznego.
Audyt ekspercki powinien obejmować analizę kodu i interfejsu, testy klawiaturą, ocenę treści, badanie formularzy oraz sprawdzenie wybranych funkcji z technologiami asystującymi. Zakres zależy od serwisu, ale im bardziej złożona usługa, tym większe znaczenie ma testowanie rzeczywistych scenariuszy.
Dokumenty, które warto przekazać audytorowi
Przygotowanie materiałów skraca czas organizacyjny i ogranicza liczbę pytań uzupełniających. Przydatny pakiet może zawierać:
- mapę strony lub eksport adresów URL;
- listę najważniejszych funkcji i scenariuszy;
- przykładowe dokumenty PDF, Word i pliki multimedialne;
- informację o znanych problemach i wcześniejszych zgłoszeniach użytkowników;
- deklarację dostępności, jeśli jest już opublikowana;
- instrukcję logowania do panelu testowego;
- opis integracji z narzędziami zewnętrznymi;
- informację o planowanych zmianach w serwisie.
Nie przekazuj danych osobowych użytkowników, jeżeli nie są konieczne do przeprowadzenia badania. Do testów formularzy można przygotować bezpieczne dane demonstracyjne. Warto również ustalić, jak audytor będzie dokumentować zrzuty ekranu, adresy URL oraz informacje techniczne, aby raport nie zawierał nadmiarowych danych.
Jak przygotować zespół organizacji?
Audyt dostępności nie powinien być zadaniem wyłącznie administratora strony. Za dostępność odpowiadają w różnym zakresie osoby publikujące treści, projektujące materiały, zamawiające systemy, aktualizujące dokumenty i obsługujące użytkowników. Przed badaniem wyznacz osobę koordynującą oraz osoby, które będą mogły wyjaśnić działanie poszczególnych funkcji.
Dobrym rozwiązaniem jest krótkie spotkanie organizacyjne. Omówcie zakres audytu, sposób zgłaszania pytań, zasady dostępu do środowiska testowego, terminy oraz formę raportu. Ustal także, kto podejmuje decyzje o priorytetach i kto będzie odpowiedzialny za wdrożenie poprawek.
Jeżeli zespół regularnie publikuje informacje, rozważ połączenie audytu z rozwojem kompetencji. Szkolenie z dostępności cyfrowej może pomóc pracownikom lepiej rozumieć błędy WCAG i samodzielnie ograniczać ich powtarzanie w nowych treściach.
Co zrobić po otrzymaniu raportu?
Raport jest początkiem pracy, a nie jej końcem. Najpierw uporządkuj rekomendacje według wpływu na użytkowników, złożoności i kosztu wdrożenia. W pierwszej kolejności usuń bariery, które blokują wykonanie ważnego zadania, na przykład brak możliwości wysłania formularza z klawiatury, niedostępne menu lub dokument zawierający jedyną wersję instrukcji.
Każdy problem powinien mieć właściciela, termin i sposób weryfikacji. Warto prowadzić rejestr poprawek zawierający:
- opis bariery i jej lokalizację;
- wpływ na użytkownika;
- odniesienie do wymagania WCAG lub kryterium sukcesu;
- rekomendowane rozwiązanie;
- osobę odpowiedzialną za wdrożenie;
- status oraz datę ponownego testu.
Po wdrożeniu zmian wykonaj audyt kontrolny. Nie zakładaj, że poprawka w jednym miejscu nie wpłynęła na inne elementy. Aktualizacja wtyczki, motywu lub systemu rezerwacji może przywrócić wcześniej usunięte błędy. Dostępność wymaga więc stałego procesu: projektowania, publikowania, testowania, poprawiania i ponownego sprawdzania.
Praktyczna checklista przed audytem dostępności
- Zakres badania i najważniejsze scenariusze są opisane.
- Audytor otrzymał adresy serwisu, mapę strony i dane techniczne.
- Przygotowano dostęp do funkcji wymagających logowania.
- Zebrano przykładowe dokumenty, nagrania i materiały graficzne.
- Wyznaczono osobę kontaktową po stronie organizacji.
- Sprawdzono podstawową obsługę klawiaturą.
- Zweryfikowano formularze i komunikaty o błędach.
- Przejrzano nagłówki, linki, etykiety i teksty alternatywne.
- Sprawdzono kontrast, powiększenie oraz widok mobilny.
- Ustalono sposób priorytetyzacji i wdrażania rekomendacji.
- Zaplanowano test kontrolny po zakończeniu poprawek.
Podsumowanie
Skuteczne przygotowanie strony do audytu dostępności polega na połączeniu porządku organizacyjnego, wiedzy o użytkownikach i podstawowej kontroli najważniejszych funkcji. Im lepiej opisany zakres, scenariusze i kontekst techniczny, tym bardziej praktyczny będzie raport. Automatyczne narzędzia mogą pomóc znaleźć część problemów, ale nie zastępują oceny eksperckiej i testów z udziałem człowieka.
Jeśli chcesz sprawdzić stronę internetową, dokumenty lub cyfrowe usługi swojej organizacji, zobacz audyt dostępności cyfrowej EmpatiaLAB. Możesz także skontaktować się z EmpatiaLAB, aby omówić zakres badania i otrzymać ofertę dopasowaną do potrzeb organizacji.