Jeśli nie znasz się na programowaniu, możesz samodzielnie przeprowadzić podstawowy audyt dostępności treści zgodnie z kryterium 1.3.1 – Informacje i relacje. Skup się na obserwacji widocznej struktury strony oraz logiki jej elementów, korzystając z dostępnych narzędzi i prostych testów. Oto wskazówki:
Jak sprawdzić poprawne zastosowanie?
Struktura treści
- Nagłówki i ich hierarchia
Co sprawdzić?- Czy nagłówki (np. tytuły i podtytuły) są używane logicznie?
- Spróbuj przeskanować stronę wzrokiem – czy widać logiczne podziały na sekcje?
- Skorzystaj z narzędzia do analizy struktury nagłówków (np. rozszerzenia przeglądarki jak Web Developer Toolbar).
- Podział tekstu na akapity
Co sprawdzić?- Czy tekst jest łatwy do przeczytania, podzielony na krótkie akapity?
- Jeśli na stronie są listy, czy są wyraźnie widoczne jako uporządkowane (numerowane) lub nieuporządkowane (punktowane)?
- Logika menu nawigacyjnego
Co sprawdzić?- Otwórz menu – czy łatwo rozpoznać, co jest elementem głównym, a co podmenu?
- Czy aktualna strona w menu jest w jakiś sposób wyróżniona?
- Widoczność stron w paginacji
Co sprawdzić?- W przypadku stron wielostronicowych (np. lista produktów) – czy widać, na której stronie jesteś (np. strona 2 z 5)?
Formularze
- Etykiety pól formularza
Co sprawdzić?- Czy pola formularzy mają widoczne opisy (np. „Imię”, „Adres e-mail”)?
- Czy wiesz, co wpisać w każde pole? Jeśli nie, to jest problem z dostępnością.
- Walidacja błędów
Co sprawdzić?- Wypełnij formularz błędnie (np. zostaw puste pole). Czy pojawia się jasny komunikat o błędzie?
- Czy komunikaty wyjaśniają, co poprawić?
Dane i tabele
- Struktura tabeli danych
Co sprawdzić?- Jeśli na stronie są tabele z danymi (np. tabela porównawcza), upewnij się, że nagłówki kolumn są widoczne i jasno opisane.
- Czy możesz łatwo powiązać wartości z odpowiednimi kategoriami (np. cena z produktem)?
- Alternatywy dla wykresów
Co sprawdzić?- Jeśli strona zawiera wykresy lub diagramy, sprawdź, czy obok nich znajdują się opisy tekstowe, które tłumaczą treść wykresu.
Elementy interaktywne
- Przyciski i linki
Co sprawdzić?- Czy wszystkie przyciski mają widoczny tekst lub ikonę, która wyjaśnia ich funkcję?
- Jeśli przycisk ma ikonę (np. lupę dla wyszukiwania), sprawdź, czy jego działanie jest jasne.
- Elementy dynamiczne (np. rozwijane menu)
Co sprawdzić?- Czy po kliknięciu na element rozwijane menu lub panel pojawia się wyraźnie i można go łatwo zamknąć?
- Czy wiesz, które sekcje są otwarte, a które zamknięte?
Grafiki i multimedia
- Obrazy i ich znaczenie
Co sprawdzić?- Jeśli obraz zawiera ważne informacje (np. infografikę), sprawdź, czy tekst objaśniający te informacje jest widoczny na stronie.
- Kliknij na obraz – czy ma tytuł lub alternatywny opis widoczny po najechaniu kursorem?
- Ikony i symbole
Co sprawdzić?- Czy symbole (np. strzałki, przyciski +/−) są zrozumiałe wizualnie? Jeśli nie, strona powinna dostarczać dodatkowego opisu.
Jak zauważyć błędy?
Struktura treści
- Nagłówki w złej kolejności
- Jeśli zauważysz, że wizualnie nagłówki nie odzwierciedlają hierarchii (np. podtytuł jest większy od głównego tytułu), to jest to problem.
- Brak podziału na akapity
- Ciągły blok tekstu jest trudny do czytania i prawdopodobnie ma problem z dostępnością.
Formularze
- Brak opisów pól
- Jeśli formularz zawiera pola bez widocznych etykiet, może być trudny w obsłudze.
- Brak informacji o błędach
- Gdy wypełnisz formularz błędnie, ale nie wiesz, co poprawić, to oznacza, że strona narusza zasady dostępności.
Dane i tabele
- Tabela bez wyraźnych nagłówków
- Jeśli w tabeli z danymi nie widzisz wyraźnych tytułów kolumn, trudniej będzie zrozumieć jej zawartość.
- Brak opisu wykresów
- W przypadku wykresów, jeśli nie ma alternatywnego opisu, osoby niewidome nie będą mogły zrozumieć ich treści.
Elementy interaktywne
- Niejasne działanie przycisków
- Jeśli przycisk ma samą ikonę bez opisu (np. lupa), sprawdź, czy łatwo zgadnąć jego funkcję.
- Brak oznaczenia aktywnych elementów
- Jeśli w menu nawigacyjnym nie widzisz, która strona jest aktualnie otwarta, to jest to problem.
Grafiki i multimedia
- Obrazy bez alternatywnego opisu
- Jeśli po najechaniu na obraz nie widzisz żadnego opisu, sprawdź, czy treść obrazu jest przedstawiona w inny sposób.
- Brak opisu ikon
- Jeśli ikony nie mają żadnego widocznego wyjaśnienia (np. tekstu obok), mogą być nieczytelne.
Narzędzia pomocne w audycie
- Rozszerzenia przeglądarki: „Web Developer Toolbar” lub „WAVE Web Accessibility Tool” (pokazuje struktury i błędy).
- Czytniki ekranu: Przetestuj stronę za pomocą darmowego czytnika NVDA (Windows) lub VoiceOver (macOS).
- Testy wizualne: Po prostu zwróć uwagę na to, co jest czytelne i intuicyjne.
Jeśli masz pytania lub potrzebujesz pomocy w interpretacji wyników, mogę Cię poprowadzić krok po kroku! Napisz do mnie 😊