2.1.1 Klawiatura - poziom A

W tym kryterium chodzi o jedną, podstawową zasadę: cała funkcjonalność treści ma być dostępna z klawiatury. 

O co tu chodzi w praktyce?

Jeśli użytkownik nie korzysta z myszy (nie może, korzysta z czytnika ekranu, używa przełączników, ma uszkodzony touchpad albo w ogóle go nie ma), to i tak ma mieć możliwość:

• wejść w menu i przejść po linkach,
• otworzyć i zamknąć rozwijane elementy,
• wypełnić formularz,
• zaznaczać checkboxy i radio,
• uruchomić przyciski,
• obsłużyć wyszukiwarkę, filtry, sortowanie, paginację,
• korzystać z modali, karuzel, playerów.

To wszystko musi działać bez myszy, wyłącznie z klawiatury.

Najczęstsze powody niespełnienia kryterium 2.1.1

Pierwszy powód 

Elementy interaktywne działają tylko myszą albo dotykiem. Użytkownik widzi przycisk lub link, ale nie może do niego dojść Tabem albo nie może go uruchomić Enterem/Spacją, bo w kodzie to nie jest prawdziwy element interaktywny.

Drugi powód

Rozwijane elementy (menu, akordeony, listy) nie mają obsługi klawiaturą. Da się je otworzyć kursorem, ale klawiatura nie potrafi ich otworzyć, przejść po opcjach i zamknąć w przewidywalny sposób.

Trzeci powód

Okna modalne i nakładki nie dają się obsłużyć bez myszy. Użytkownik może je otworzyć, ale nie potrafi ich zamknąć klawiaturą albo przejść do treści w środku.

Czwarty powód

Niestandardowe kontrolki formularzy nie działają klawiaturą. Dotyczy to szczególnie własnych selectów, suwaków, autouzupełniania, checkboxów i innych komponentów, które wyglądają dobrze, ale nie mają pełnej obsługi klawiaturą.

Piąty powód

Interakcje wymagają gestu zależnego od toru ruchu bez alternatywy. Jeśli funkcja jest zrobiona jako przeciągnij i upuść, przeciągnij suwak, przesuń element, a nie ma sposobu wykonania tego samego efektu klawiaturą, w praktyce użytkownik traci funkcjonalność.

Wyjątek z kryterium dotyczy sytuacji, gdy sam tor ruchu jest istotą zadania (np. w odrysowywaniu kształtu), ale w większości typowych UI da się to rozwiązać jako wybór i zatwierdzenie.

Jak szybko sprawdzić czy strona jest dostępna z klawiatury?

Odłóż mysz, odśwież stronę (ctr f5) i przejdź stronę korzystając z klawiasza Tab: menu, linki, formularze, filtry, pop-upy. Jeśli w którymkolwiek miejscu nie możesz dojść do funkcji albo jej uruchomić klawiaturą, to masz konkretny powód niespełnienia 2.1.1.

Pełny tekst kryterium 2.1.1 Klawiatura

Wszystkie funkcjonalności w treści są obsługiwane za pomocą interfejsu klawiatury, bez wymogu określonego czasu użycia poszczególnych klawiszy, z wyjątkiem sytuacji, kiedy dana funkcja wymaga wprowadzenia informacji przez użytkownika w oparciu o ścieżkę ruchów, a nie w oparciu o punkty końcowe wejścia.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#klawiatura

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