2.1.2 Brak pułapki na klawiaturę - poziom A

To kryterium mówi o bardzo konkretnej sytuacji: jeśli użytkownik wejdzie klawiaturą w jakiś element na stronie (np. do menu, modala, playera, widgetu), to musi mieć możliwość wyjścia z niego również przy pomocy klawiatury.

O co tu chodzi w praktyce?

Problem zwykle wygląda tak: wchodzisz Tabem w element, a potem nie możesz z niego wyjść, bo:

• Tab „krąży” w kółko w środku komponentu, ale nie ma drogi do reszty strony,
• fokus utknął w playerze, mapie, czacie, kalendarzu,
• modal przechwycił fokus i nie da się go zamknąć klawiaturą,
• widget w iframe łapie fokus i nie oddaje go z powrotem.

Użytkownik jest wtedy dosłownie uwięziony w jednym fragmencie strony.

Najczęstsze powody niespełnienia kryterium 2.1.2

1. Brak klawiszowego sposobu zamknięcia elementu, który przechwytuje fokus. Najczęściej dotyczy modali, okienek, wyskakujących paneli, wysuwanych menu. Jeśli nie da się tego zamknąć z klawiatury, łatwo o pułapkę.
2. Złe zarządzanie fokusem w komponentach, które tworzą własny „świat” na stronie (player, mapa, kalendarz, czat). Użytkownik może wejść do środka, ale Tab/Shift+Tab nie pozwala mu wrócić do normalnej nawigacji po stronie.
3. Iframe lub osadzony widget przechwytuje fokus i nie zapewnia przewidywalnego wyjścia. To jest częste przy zewnętrznych narzędziach, zwłaszcza jeśli nie były projektowane z myślą o klawiaturze.
4. Wyjście istnieje, ale wymaga nietypowej kombinacji klawiszy i nie ma o tym informacji. Kryterium dopuszcza dodatkowy sposób wyjścia, ale pod warunkiem, że użytkownik dostaje jasną instrukcję.

Pamiętaj, że 2.1.2 to bardzo ważne kryterium, ponieważ pułapka na klawiaturę najczęściej całkowicie uniemożliwia korzystanie ze strony.

Pełny tekst kryterium 2.1.2 Brak pułapki na klawiaturę

Jeśli fokus klawiatury można przemieścić do danego komponentu treści za pomocą interfejsu klawiatury , to może on być z niego usunięty również za pomocą interfejsu klawiatury, a jeśli wymagane jest użycie czegoś więcej niż tylko strzałek, tabulatora lub innych standardowych metod wyjścia, użytkownik musi otrzymać odpowiednią podpowiedź, w jaki sposób usunąć fokus z danego komponentu.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#bez-pu-apki-na-klawiature

Chcesz wiedzieć więcej?

• 2.1.1 Klawiatura - poziom A
• 2.1.2 Brak pułapki na klawiaturę - poziom A
• 2.1.3 Klawiatura (bez wyjątków) - poziom AAA
• 2.1.4 Jednoznakowe skróty klawiaturowe - poziom A
• 2.2.1 Dostosowanie czasu - poziom A
• 2.2.2 Pauza, zatrzymanie, ukrycie - poziom A
• 2.2.3 Brak czasu - poziom AAA
• 2.2.4 Przerywanie - poziom AAA
• 2.2.6 Ostrzeżenie o limicie czasu - poziom AAA
• 2.3.1 Trzy błyski lub wartości poniżej progu - poziom A
• 2.3.2 Trzy błyski - poziom AAA
• 2.3.3 Animacja po interakcji (Poziom AAA)
• 2.4.1 Możliwość pominięcia bloków - poziom A
• 2.4.2 Tytuł strony - poziom A
• 2.4.3 Kolejność fokusu - poziom A
• 2.4.4 Cel łącza (w kontekście) - poziom A
• 2.4.5 Wiele dróg - poziom AA
• 2.4.6 Nagłówki i etykiety - poziom AA
• 2.4.7 Widoczny fokus - poziom AA
• 2.4.8 Lokalizacja - poziom AAA
• 2.4.9 Cel łącza (z samego łącza) - poziom AAA
• 2.4.10 Nagłówki sekcji - poziom AAA
• 2.5.1 Gesty wskazujące - poziom A
• 2.5.2 Rezygnacja ze wskazania - poziom A
• 2.5.3 Etykieta w nazwie - poziom A
• 2.5.4 Aktywowanie ruchem - poziom A
• 2.5.5 Rozmiar celu - poziom AAA
• 2.5.6 Równoległy mechanizm wprowadzania danych - poziom AAA