← Wszystkie kryteria WCAG 2.1
2.1.1Poziom A2.1 Keyboard Accessible

Klawiatura

All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement.

Co to oznacza

Zrozumieć KS Klawiatura | Jak spełnić KS Klawiatura (Poziom A) 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. Uwaga Ten wyjątek dotyczy danej funkcji, a nie techniki wprowadzania danych. Na przykład, jeśli do wprowadzania tekstu używa się pisma odręcznego, technika wprowadzania (pismo odręczne) wymaga wprowadzenia informacji w oparciu o ścieżkę, jednak powiązana z tym funkcja (wprowadzenie tekstu) już tego nie wymaga. Uwaga To nie powinno blokować ani ograniczać użycia interfejsu innymi metodami niż klawiatura, np. za pomocą myszki.

Failing example

<!-- Fails: click handler only, no keyboard equivalent -->
<div onclick="openModal()">Open settings</div>

How to fix it

<!-- Pass: use a button element (keyboard-accessible by default) -->
<button type="button" onclick="openModal()">Open settings</button>

<!-- Or: add keyboard support to the div (not recommended) -->
<div role="button" tabindex="0"
     onclick="openModal()"
     onkeydown="if(event.key==='Enter'||event.key===' ')openModal()">
  Open settings
</div>

Jak A11yRisk to wykrywa

A11yRisk wykrywa to kryterium automatycznie.

Skanuj swoją witrynę pod kątem tego naruszenia