← Alle WCAG 2.1 Kriterien
2.1.1Stufe A2.1 Keyboard Accessible

Tastatur

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.

Was es bedeutet

Tastatur verstehen (englisch) | Tastatur erfüllen (englisch) (Stufe A) Alle Funktionalitäten des Inhalts sind durch eine Tastaturschnittstelle bedienbar, ohne dass eine bestimmte Zeiteinteilung für einzelne Tastenanschläge erforderlich ist, außer wenn die zugrunde liegende Funktion Eingaben verlangt, die vom Pfad der Bewegung des Benutzers und nicht nur von den Endpunkten abhängig sind. Hinweis Diese Ausnahme bezieht sich auf die zugrunde liegende Funktion und nicht auf die Eingabetechnik. Zum Beispiel: Wenn man Handschrift benutzt, um Text einzugeben, dann verlangt die Eingabetechnik (Handschrift) Pfad-abhängige Eingaben, die zugrunde liegende Funktion (Texteingabe) verlangt dies aber nicht. Hinweis Es ist nicht verboten noch sollte es Sie davon abhalten, eine Maus-Eingabe oder andere Eingabemethoden zusätzlich zur Tastaturbedienung zur Verfügung zu stellen.

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>

So erkennt A11yRisk dieses Kriterium

A11yRisk erkennt dieses Kriterium automatisch.

Website auf diesen Verstoß prüfen