Tastaturnavigation ist die Bedienung einer Website oder App ausschließlich über die Tastatur. Sie wird von Menschen genutzt, die keine Maus verwenden können – etwa wegen motorischer Einschränkungen, Blindheit oder Tremor – sowie von Power-Usern. Auch Screenreader, Schaltersteuerung, Spracheingabe und Bildschirmtastaturen bauen auf der Tastaturschnittstelle auf.
Standardtasten im Web
- Tab / Umschalt + Tab: zum nächsten / vorherigen Element (Tabbing)
- Enter: Links folgen, Buttons auslösen, Formulare absenden
- Leertaste: Buttons, Checkboxen; Seite scrollen
- Pfeiltasten: innerhalb von Radio-Gruppen, Tabs, Menüs, Slidern
- Escape: Dialoge, Menüs und Tooltips schließen
- Pos1 / Ende: erstes / letztes Element in Listen und Tabs
WCAG-Anforderungen
- 2.1.1 Tastatur (A), 2.1.2 Keine Tastaturfalle (A), 2.1.4 Tastenkürzel (A)
- 2.4.3 Fokusreihenfolge (A), 2.4.7 Fokus sichtbar (AA), 2.4.11 Fokus nicht verdeckt (AA)
- 2.4.1 Bereiche überspringen (A) – Skip-Links
Häufige Fragen zur Tastaturnavigation
Welche Fehler treten am häufigsten auf?
Fehlender oder entfernter Fokusrahmen (outline: none), klickbare divs ohne Tastaturunterstützung, Menüs, die nur per Hover öffnen, Modals ohne Fokusführung und Cookie-Banner, die den Fokus nicht freigeben.
Wie lange dauert ein Tastaturtest?
Ein erster Durchlauf einer Seite dauert wenige Minuten und deckt bereits viele kritische Barrieren auf.
Verwandte Begriffe: Tabbing, Fokusindikator, Fokusreihenfolge, Tastaturschnittstelle