Nicht alle bedienen das Web mit der Maus: Menschen mit motorischen Einschränkungen, Screenreader-Nutzer und viele Power-User navigieren per Tastatur. Wenn sich etwas nur mit der Maus bedienen lässt, ist es für sie unerreichbar.
Worauf es ankommt
WCAG 2.2, 2.1.1: Alle Funktionen müssen per Tastatur nutzbar sein. 2.1.2 ergänzt: keine „Tastatur-Falle“ — man muss aus jedem Element auch wieder heraustabben können.
So prüfst du es
- Leg die Maus weg und navigiere nur mit Tab (vorwärts), Shift+Tab (zurück), Enter und Leertaste.
- Erreichst du jeden Link, Button, jedes Formularfeld und Menü? Kommst du überall wieder heraus?
- Ist die Reihenfolge logisch — von oben nach unten, links nach rechts?
- Öffnen sich Menüs und Untermenüs auch ohne Hover?
Häufige Fehler
- Dropdowns oder Inhalte, die sich nur per Hover öffnen.
- Modale Fenster, aus denen man nicht heraustabben kann.
- Eigene „Buttons“ aus div-Elementen ohne Tastatur-Unterstützung.
Kurz gesagt
Wenn du die ganze Seite mit Tab und Enter bedienen kannst, ohne hängenzubleiben, hast du die wichtigste Hürde genommen.
Du willst wissen, wo deine Seite steht? Im Barrierefreiheits-Audit prüfe ich genau das nach WCAG 2.2 AA.