Kryterium 2.1.2 – Bez pułapek na klawiaturę to jedno z wymagań WCAG na poziomie A, które ma na celu zapewnienie, że użytkownik korzystający z klawiatury nie zostanie „uwięziony” w żadnym elemencie strony podczas nawigacji. Oznacza to, że zawsze musi mieć możliwość łatwego opuszczenia danego obszaru lub elementu interfejsu za pomocą klawiatury.
W tym artykule pokażemy, jak łatwo sprawdzić, czy strona spełnia to kryterium — bez potrzeby znajomości technicznej.
Co oznacza „bez pułapek na klawiaturę”?
Podczas poruszania się po stronie za pomocą klawiatury (np. klawiszem Tab) użytkownik powinien mieć możliwość przejścia do wszystkich elementów interaktywnych oraz opuszczenia ich bez problemu.
„Pułapka na klawiaturę” to sytuacja, gdy po wejściu do np. menu, formularza, modala lub innego elementu, użytkownik nie może opuścić go klawiszem Tab lub innymi standardowymi klawiszami nawigacji.
Jak sprawdzić zgodność z kryterium 2.1.2 bez wiedzy technicznej?
1. Przetestuj nawigację po stronie wyłącznie klawiaturą
Co zrobić?
-
Użyj klawisza Tab (do przodu) i Shift + Tab (do tyłu), aby poruszać się po stronie.
-
Wejdź do wszystkich elementów interaktywnych, takich jak menu, rozwijane listy, formularze, okna dialogowe (modale).
Na co zwrócić uwagę?
-
Czy po wejściu do takiego elementu możesz z niego wyjść, przechodząc dalej lub cofając się klawiszem Tab?
-
Czy istnieją miejsca, w których „utkniesz” i nie możesz opuścić obszaru bez użycia myszy?
-
Czy możesz zamknąć modale lub popupy klawiaturą (np. klawiszem Esc)?
Przykład błędu:
Po otwarciu menu rozwijanego i przejściu do ostatniego elementu nie można przejść dalej za pomocą Tab — fokus pozostaje „uwięziony” w tym miejscu.
2. Sprawdź zamykanie elementów interaktywnych
Co zrobić?
-
Otwórz modal, rozwijane menu, powiadomienie lub formularz.
-
Spróbuj zamknąć je za pomocą klawiatury (np. Esc, Enter, lub dedykowanym przyciskiem).
Na co zwrócić uwagę?
-
Czy możesz zamknąć taki element bez użycia myszy?
-
Czy po zamknięciu fokus wraca do logicznego miejsca (np. do przycisku, który otworzył modal)?
Dlaczego to ważne?
Osoby korzystające z klawiatury, w tym użytkownicy z niepełnosprawnościami ruchowymi, polegają na przewidywalnej i płynnej nawigacji.
Podsumowanie
Kryterium 2.1.2 – Bez pułapek na klawiaturę gwarantuje, że użytkownicy klawiatury mogą swobodnie poruszać się po całej stronie — bez ryzyka „uwięzienia” w jednym elemencie. To podstawowy warunek dobrej dostępności i komfortu użytkowania.
Dobre praktyki:
-
Upewnij się, że wszystkie elementy interaktywne można opuścić za pomocą klawiatury.
-
Zapewnij klawisz zamykania modali i popupów (np. Esc).
-
Po zamknięciu modala przywracaj fokus do elementu wywołującego.
-
Testuj stronę wyłącznie klawiaturą i popraw wykryte „pułapki”.
Dzięki temu strona będzie łatwiejsza i bezpieczniejsza w obsłudze dla wszystkich użytkowników, także tych korzystających wyłącznie z klawiatury.