Strona placówki powinna pozwalać dotrzeć do informacji osobom korzystającym z klawiatury, czytnika ekranu, powiększenia lub ustawień wysokiego kontrastu. Dostępność pomaga również użytkownikom z czasowym ograniczeniem, słabym połączeniem i osobom próbującym odczytać komunikat na telefonie w słońcu.
Audyt traktuję jako rozpoznanie problemów i podstawę planu napraw. Nie sprowadzam go do jednego wyniku procentowego. Automatyczne narzędzie wykrywa tylko część niezgodności, a zielony raport nie oznacza, że cała strona jest dostępna lub że spełnia wszystkie obowiązki prawne.
Zakres trzeba ustalić przed badaniem
Mała witryna informacyjna i rozbudowany serwis z archiwum dokumentów wymagają innej próby. Na początku spisuję typy stron oraz komponenty: stronę główną, aktualności, rekrutację, kontakt, wyszukiwarkę, galerie, dokumenty, formularze i elementy nawigacji.
Do szczegółowego testu wybieram reprezentatywną próbkę, ale elementy wspólne — nagłówek, menu, stopkę i mechanizm wyszukiwania — sprawdzam jako osobne komponenty. Jeżeli problem w menu występuje w całym serwisie, nie ma sensu opisywać go jako kilkudziesięciu niezależnych błędów.
Zakres powinien wskazywać:
- badane adresy i rodzaje plików;
- poziom odniesienia oraz standard techniczny;
- urządzenia, przeglądarki i technologie użyte w teście;
- elementy wyłączone z badania wraz z uzasadnieniem;
- formę raportu i sposób weryfikacji poprawek.
Przy kwestiach zgodności prawnej warto skonsultować obowiązki placówki z osobą mającą odpowiednie kompetencje prawne. Audyt techniczny i wdrożenie poprawek mogą dostarczyć dowodów oraz ograniczyć bariery, ale nie powinny być przedstawiane jako bezwarunkowa gwarancja zgodności w każdej sytuacji.
Test automatyczny jest początkiem
Skanery dobrze wykrywają część problemów składniowych: brak nazwy dostępnej przycisku, niektóre błędy kontrastu, zduplikowane identyfikatory lub pola bez etykiet. Pozwalają szybko znaleźć powtarzalny błąd szablonu.
Nie potrafią jednak rzetelnie ocenić, czy tekst alternatywny opisuje istotę zdjęcia, czy kolejność fokusu ma sens albo czy komunikat o błędzie jest zrozumiały. Nie rozstrzygną też, czy nagłówki wiernie opisują sekcje. Dlatego raport z wtyczki przeglądarkowej nie jest pełnym audytem.
Wynik automatyczny weryfikuję ręcznie. Czasem narzędzie zgłasza element niewidoczny w danym stanie, a czasem pomija blokadę, która uniemożliwia wykonanie głównego zadania.
Nawigacja klawiaturą
Przechodzę przez stronę bez myszy. Sprawdzam kolejność fokusu, jego widoczność, możliwość otwarcia i zamknięcia menu, obsługę okien modalnych oraz dotarcie do każdego aktywnego elementu. Użytkownik nie może utknąć w galerii lub otwartym oknie.
Link pozwalający pominąć powtarzalną nawigację ułatwia przejście do głównej treści. Rozwijane elementy powinny informować o swoim stanie, a przyciski zachowywać się jak przyciski. Styl wizualny nie powinien usuwać obramowania fokusu bez zapewnienia czytelnego zamiennika.
Ten sam komponent sprawdzam również na małym ekranie, ponieważ dostępność i wygoda strony placówki na telefonie często mają wspólne źródło.
Struktura treści i znaczenie elementów
Nagłówki powinny tworzyć logiczną hierarchię, a nie być wybierane według wielkości czcionki. Każda podstrona potrzebuje zrozumiałego tytułu. Listy, tabele i cytaty powinny mieć właściwą strukturę, dzięki której technologia asystująca rozpoznaje ich rolę.
Sprawdzam także język strony, znaczenie linków i kolejność treści po wyłączeniu stylów. Kilka odnośników opisanych tylko jako „więcej” jest niejednoznacznych poza wizualnym kontekstem. Link do dokumentu powinien wskazywać, co użytkownik otworzy.
Ważne informacje nie mogą być przekazywane wyłącznie kolorem, kształtem lub położeniem. Jeśli czerwone pole oznacza błąd, potrzebny jest również komunikat tekstowy powiązany z polem.
Obrazy, galerie i multimedia
Obraz informacyjny wymaga tekstu alternatywnego odpowiadającego jego roli. Fotografia dekoracyjna może mieć pusty atrybut alt, aby czytnik ją pominął. Kopiowanie nazwy pliku albo dodawanie słów kluczowych do każdego zdjęcia nie poprawia dostępności.
Galeria powinna mieć obsługiwane klawiaturą sterowanie i zrozumiałe przyciski. Film może wymagać napisów, transkrypcji lub audiodeskrypcji zależnie od zawartości i kontekstu. Automatyczne odtwarzanie dźwięku jest szczególnie problematyczne, bo utrudnia słuchanie czytnika ekranu.
Formularze i komunikaty błędów
Każde pole powinno mieć etykietę widoczną lub programowo dostępną. Sam tekst zastępczy wewnątrz pola znika po rozpoczęciu pisania i nie jest dobrym zamiennikiem etykiety. Informacja o wymaganym formacie powinna pojawić się przed wysłaniem, a błąd musi wskazywać, co poprawić.
Testuję formularz z pustymi polami, błędnym adresem e-mail, poprawnymi danymi i wyłączonymi skryptami, jeśli formularz deklaruje działanie w takim trybie. Potwierdzenie wysłania powinno być zauważalne także dla czytnika ekranu. Kontroluję również, czy fokus po błędzie trafia w logiczne miejsce.
Dokumenty PDF i skany
Dostępność serwisu nie kończy się na HTML. Statuty, formularze i zarządzenia mogą stanowić dużą część informacji placówki. Skan będący jednym obrazem nie ma warstwy tekstowej, więc trudno go przeszukać, powiększyć bez utraty jakości i odczytać czytnikiem.
Podczas audytu rozpoznaję format, obecność tekstu, kolejność odczytu, nagłówki, znaczniki, opisy obrazów i właściwości dokumentu. Nie zawsze da się naprawić całe archiwum od razu. Wtedy ustalam priorytet dla dokumentów aktualnych, często używanych i niezbędnych do wykonania sprawy. Ważne informacje można dodatkowo opublikować jako HTML.
Jeśli materiały mają być przenoszone do nowego serwisu, ich ocenę warto połączyć z migracją dokumentów, galerii i aktualności, aby nie kopiować barier bez zmian.
Raport powinien prowadzić do poprawek
Dla każdego problemu zapisuję adres lub komponent, sposób odtworzenia, wpływ na użytkownika, podstawę techniczną i zalecenie. Dodaję priorytet uwzględniający wagę bariery, częstotliwość występowania oraz znaczenie danej ścieżki.
Praktyczny podział wygląda tak:
- bariery uniemożliwiające kontakt, rekrutację lub dostęp do kluczowej informacji;
- problemy powtarzalne w szablonie i komponentach;
- błędy pojedynczych treści i dokumentów;
- usprawnienia zwiększające czytelność i przewidywalność.
Naprawę zaczynam od źródła. Poprawienie wspólnego komponentu menu może usunąć problem na wszystkich podstronach. Ręczne korygowanie każdej strony byłoby wolniejsze i łatwo zostałoby nadpisane.
Weryfikacja po wdrożeniu
Po poprawkach powtarzam test, a nie tylko sprawdzam, czy zmienił się kod. Modyfikacja kontrastu może stworzyć problem w innym stanie przycisku, a nowy mechanizm galerii może zaburzyć kolejność fokusu. Weryfikacja obejmuje zgłoszone błędy i podstawowy test regresji kluczowych ścieżek.
Dostępność jest procesem. Redaktor może później dodać skan bez warstwy tekstowej albo nagłówki w złej kolejności. Dlatego częścią rozwiązania powinny być proste zasady publikacji oraz panel ograniczający liczbę przypadkowych decyzji. Opisuję to szerzej w artykule jak uprościć zarządzanie stroną placówki.
Audyt może być etapem modernizacji strony szkoły, redesignu strony przedszkola lub przygotowania nowej strony dla żłobka. Zakres usług dla różnych typów jednostek przedstawiam na stronie strony internetowe dla placówek edukacyjnych. Aby omówić próbkę i cel badania, skontaktuj się ze mną.
FAQ
Czy darmowy skaner wystarczy do audytu dostępności?
Nie. Jest przydatny do szybkiego wykrycia części błędów, ale wymaga uzupełnienia testami ręcznymi, klawiaturą oraz oceną znaczenia treści i działania komponentów.
Czy pozytywny audyt gwarantuje zgodność prawną?
Audyt odnosi się do ustalonego zakresu, próbki, standardu i stanu strony w dniu badania. Nie powinien być traktowany jako bezwarunkowa gwarancja prawna, zwłaszcza gdy witryna i treści później się zmieniają.
Czy audyt obejmuje dokumenty PDF?
Tylko wtedy, gdy zostały uwzględnione w zakresie. Warto jasno określić liczbę i typ badanych dokumentów, ponieważ archiwum może być znacznie większe niż sama witryna HTML.
Co zrobić po otrzymaniu raportu?
Ustalić kolejność napraw według wpływu na użytkowników i znaczenia ścieżki, wdrożyć poprawki najpierw w komponentach wspólnych, a następnie przeprowadzić weryfikację oraz test regresji.
