Nawigacja klawiaturą i czytniki ekranu — jak samodzielnie przetestować swoją stronę

Nie trzeba być ekspertem, żeby wykonać podstawowy test dostępności własnej strony. Dwa najprostsze i zarazem najbardziej wymowne testy to nawigacja samą klawiaturą oraz odsłuch czytnikiem ekranu. Oba da się przeprowadzić w kilkanaście minut.

Test klawiaturą

Odłóż mysz i spróbuj przejść przez stronę wyłącznie klawiszami Tab (do przodu), Shift + Tab (do tyłu), Enter oraz Spacja (aktywacja) i Esc (zamykanie okien). Zwróć uwagę na trzy rzeczy:

• Czy widać, gdzie jest fokus? Wyraźne obramowanie wokół aktywnego elementu jest obowiązkowe – jego usunięcie w CSS (outline: none bez zamiennika) to jeden z najczęstszych błędów dostępności.
• Czy kolejność jest logiczna? Fokus powinien przechodzić przez elementy w kolejności zgodnej z układem wizualnym strony.
• Czy da się z niej wyjść? „Pułapka klawiaturowa” – miejsce, z którego nie można się wydostać samą klawiaturą (np. źle zbudowane okno modalne) – całkowicie blokuje dalsze korzystanie ze strony.

Warto też sprawdzić obecność tzw. skip linka – niewidocznego domyślnie linku „Przejdź do treści”, pojawiającego się po pierwszym Tabie, który pozwala pominąć powtarzalne menu nawigacyjne.

Test czytnikiem ekranu

Czytniki ekranu (NVDA i JAWS na Windows, VoiceOver wbudowany w macOS/iOS, TalkBack na Androidzie) odczytują stronę na głos, opierając się na jej strukturze semantycznej. Uruchom NVDA lub VoiceOver i posłuchaj, czy:

• obrazy mają sensowny tekst alternatywny (atrybut alt) – a dekoracyjne grafiki mają alt="", żeby nie zaśmiecać odczytu,
• nagłówki tworzą logiczną hierarchię (H1 → H2 → H3), dzięki czemu można przeskakiwać między sekcjami,
• przyciski i linki mają zrozumiałą nazwę (nie same „kliknij tutaj” powtórzone dziesięć razy na stronie),
• formularze mają poprawnie powiązane etykiety (<label>) z polami.

Krótka checklista na start

Jeśli masz tylko pięć minut: sprawdź widoczność fokusu, przejdź całą stronę Tabem, upewnij się, że każdy obrazek ma opisany alt, a formularz da się wypełnić i wysłać bez użycia myszki. To nie zastąpi pełnego audytu WCAG, ale wyłapie najbardziej dotkliwe bariery.