Tastaturnavigation

TL;DR

Tastaturnavigation ermöglicht die Bedienung einer Website komplett ohne Maus – essenziell für Menschen mit motorischen Einschränkungen und Power-User.

Was ist Tastaturnavigation?

Tastaturnavigation bedeutet, dass alle Funktionen einer Website mit der Tastatur erreichbar und bedienbar sind – ohne Maus oder Touchscreen. Das ist nicht nur für Menschen mit Behinderungen wichtig, sondern auch für Power-User, die schneller mit Tastatur arbeiten.

Grundlegende Tastaturbefehle

• Tab: Zum nächsten interaktiven Element
• Shift+Tab: Zum vorherigen Element
• Enter: Button klicken, Link folgen
• Leertaste: Checkbox togglen, Button aktivieren
• Pfeiltasten: In Listen, Menüs, Tabs navigieren
• Escape: Modal schließen, Menü schließen

Anforderungen an tastaturzugängliche Websites

• Fokus sichtbar: Nutzer muss sehen, wo der Fokus ist
• Logische Reihenfolge: Tab-Reihenfolge folgt visueller Logik
• Keine Tastaturfallen: Fokus darf nicht "gefangen" werden
• Alle Funktionen erreichbar: Kein Feature nur per Maus
• Skip-Links: Navigation überspringbar

Häufige Fehler

• Fokus-Styles mit outline: none entfernt
• Div statt Button für klickbare Elemente
• Modals ohne Fokus-Trapping
• Dropdown-Menüs nur per Hover
• Custom-Widgets ohne Tastatur-Support

Tastaturnavigation und Nachhaltigkeit

Tastaturnutzung ist effizienter als Mausnavigation – weniger Handbewegung, schnellere Interaktion. Für Power-User bedeutet das: schnellere Zielerreichung, weniger Sitzungszeit, weniger Energie.

Fazit

Tastaturnavigation ist WCAG-Pflicht (Kriterium 2.1.1) und Grundvoraussetzung für barrierefreie Websites. Teste jede Seite: Kannst du alles nur mit Tab und Enter erreichen? Wenn nicht, gibt es Arbeit.