Start › Baza wiedzy › Kryterium WCAG

Obsługa klawiaturą według WCAG 2.1.1

Każda funkcja musi być osiągalna i wyzwalana za pomocą klawiatury. Dotyczy to zwłaszcza samodzielnie zbudowanych elementów sterujących (div/span z obsługą kliknięcia zamiast button/a).

Częste błędy

Klikalne <div>/<span> bez tabindex i obsługi klawiatury, menu rozwijane tylko przy :hover, okna modalne bez zarządzania fokusem, karuzele bez przycisków sterujących.

Jak robić to dobrze

Używaj elementów natywnych (button, a, input). Tam, gdzie się nie da: role, tabindex="0" i obsługa keydown dla Enter/spacji. Żadnych pułapek klawiaturowych — trzeba móc też wyjść.

Granica testu automatycznego

Obsługę klawiaturą można sprawdzić tylko realną interakcją — bezpłatny skan a11yglass jej nie obejmuje. Przejdź stronę raz od góry do dołu wyłącznie za pomocą Tab, Shift+Tab, Enter, spacji i strzałek.

Jak pomaga a11yglass

Bezpłatny skan sprawdza dostarczony kod HTML i CSS pod kątem naruszeń WCAG wykrywalnych automatycznie i podaje dla każdego ustalenia kryterium sukcesu oraz konkretne działanie. Wykrywa około 20–35 % problemów i nie zastępuje pełnego audytu.

Czytaj dalej

• Widoczny fokus według WCAG 2.4.7
• Etykietowanie formularzy według WCAG
• Ruch według WCAG 2.2.2 / 2.3.3

Informacja ogólna według najlepszej wiedzy, nie jest poradą prawną. W indywidualnej sprawie należy zwrócić się do kancelarii wyspecjalizowanej w prawie nowych technologii.