Co mówi norma
Cała treść funkcjonalna jest obsługiwana za pomocą interfejsu klawiatury, bez wymogu określonego czasu użycia poszczególnych klawiszy, poza sytuacją, kiedy dana funkcja wymaga wprowadzenia danych zależnych od ścieżki ruchu użytkownika, a nie tylko od punktów początkowego i końcowego.
Dlaczego to ma znaczenie
Obsługa klawiaturą to podstawa, na której opierają się czytniki ekranu, przełączniki i sterowanie głosem. Kontrolka tylko dla myszy jest dla nich wszystkich nieosiągalna.
Jak wygląda błąd
- błąd`<div onclick>` bez `tabindex` i bez obsługi klawiszy.
- błądWłasna lista rozwijana, która otwiera się tylko po najechaniu.
- błądZmiana kolejności metodą przeciągnij i upuść, bez alternatywy klawiaturowej.
Jak to naprawić
- róbUżywaj `<button>` i `<a href>`. Są fokusowalne i wywoływane klawiszem bez żadnej pracy.
- róbJeśli naprawdę musi być własny element: `tabindex="0"`, rola oraz obsługa Enter i spacji.
- róbDaj każdemu przeciąganiu ścieżkę klawiaturową — przyciski „w górę” i „w dół” wystarczą.
Jak sprawdza to A11ySignal
Przy każdym skanowaniu względem tego kryterium uruchamiają się 3 automatyczne sprawdzenia.
poważnyframe-focusable-contentRamki z treścią przyjmującą fokus nie mogą mieć tabindex=-1.
poważnyscrollable-region-focusableObszary przewijane muszą być osiągalne z klawiatury.
drobnyserver-side-image-mapNie wolno używać map odnośników po stronie serwera.
Czego narzędzie ci nie powie
Automat zgłosi część z tego. Prawdziwym testem jest odłożyć mysz i pokorzystać ze strony przez pięć minut.