Zasada 2: Funkcjonalność 2.1 Dostępność z klawiatury

2.1.2 Bez pułapki na klawiaturę

WCAG 2.1.2 No Keyboard Trap

W skrócie

Jeśli fokus klawiatury wejdzie w jakiś element (np. osadzony odtwarzacz, edytor, okno), musi dać się z niego wyjść samą klawiaturą.

Poziom
A Podstawowe minimum – bez tego część osób w ogóle nie skorzysta ze strony.
Czy to obowiązkowe?
Wymagane prawem
Kto w zespole odpowiada
Programowanie
Jak to wykryć
Tylko test ręczny

Wyjaśnienie prostym językiem: Pułapka klawiaturowa

Komu i dlaczego to pomaga

Pułapka na klawiaturę całkowicie blokuje osobę, która nie używa myszy – jedynym wyjściem jest zamknięcie strony.

  • Osoby niewidome
  • Osoby z niepełnosprawnością ruchową

Jak zrobić to dobrze

  • Okna modalne zamykaj klawiszem Esc i przyciskiem „Zamknij”.
  • Jeśli komponent wymaga niestandardowego wyjścia, podaj instrukcję.

Najczęstsze błędy

  • Osadzone odtwarzacze lub mapy, z których Tab nie wychodzi.
  • Okno modalne, którego nie da się zamknąć Esc ani przyciskiem dostępnym z klawiatury.
  • Edytory tekstu przechwytujące klawisz Tab bez instrukcji wyjścia.

Jak to sprawdzić

  1. Przejdź klawiszem Tab przez całą stronę, łącznie z osadzonymi elementami i oknami – czy zawsze da się iść dalej i wrócić?

Tylko test ręczny. Automat tego nie sprawdzi – potrzebny jest test ręczny lub audyt ekspercki.

Czy to obowiązkowe?

Powiązane kryteria

2.1.1

Klawiatura

Poziom A Wymagane prawem

Wszystko, co da się zrobić myszą, musi dać się zrobić samą klawiaturą: menu, przyciski, formularze, suwaki, okna dialogowe, odtwarzacze.

Ostatnia aktualizacja: .
Źródło: Understanding SC 2.1.2: No Keyboard Trap – oficjalne objaśnienie W3C (po angielsku).