Tastaturbedienbarkeit – Barrierefreie Navigation für alle Nutzer ohne Maus

Was ist Tastaturbedienbarkeit? – WCAG-Grundlage und Bedeutung

Tastaturbedienbarkeit ist in der WCAG unter Prinzip 2 (Bedienbar) verankert. Das grundlegendste Kriterium ist 2.1.1: Alle Funktionalitäten, die per Maus ausgeführt werden können, müssen auch per Tastatur ausführbar sein. Ausnahmen gelten nur für Eingaben, die von der Bewegung der Hand abhängen – etwa Freihandzeichnen.

Das zweite Kernkriterium, 2.1.2, verbietet Tastaturfallen: Nutzer dürfen nicht in einem Bereich der Seite gefangen werden, den sie mit der Tastatur nicht verlassen können. Für Menschen, die ausschließlich die Tastatur verwenden, bedeutet eine Tastaturfalle den vollständigen Ausfall der restlichen Seite – ein schwerwiegender Barrierefreiheits-Standardverstoß.

Ergänzend dazu fordern die Kriterien 2.4.3 (Fokus-Reihenfolge) und 2.4.7 (Fokus sichtbar), dass der Fokus in einer logisch nachvollziehbaren Reihenfolge durch die Seite wandert und immer visuell erkennbar ist. Ein unsichtbarer oder willkürlich springender Fokus macht die Navigation für Tastatur-Nutzer praktisch unmöglich.

Fokus-Management und Reihenfolge: Wie Nutzer per Tastatur navigieren

Wenn ein Nutzer die Tab-Taste drückt, springt der Fokus zum nächsten fokussierbaren Element – standardmäßig in der Reihenfolge, in der die Elemente im HTML-Quellcode stehen. Diese Reihenfolge muss der visuellen und logischen Struktur der Seite entsprechen, damit Navigation sinnvoll möglich ist.

Ein häufiges Problem: Entwickler setzen tabindex mit positiven Werten ein, um die Tab-Reihenfolge manuell zu steuern. Das führt fast immer zu einer unvorhersehbaren Sprung-Reihenfolge, die für Nutzer von Screenreadern und Tastatur-Navigierenden desorientierend ist. Die Regel lautet: tabindex="0" macht ein Element fokussierbar, tabindex="-1" entfernt es aus der Tab-Reihenfolge – positive Werte sollten vermieden werden.

Für die Umsetzung gilt: Fokus-Indikatoren dürfen nicht per CSS mit outline: none entfernt werden, ohne einen gleichwertigen visuellen Ersatz zu liefern. Viele Websites unterdrücken den Standard-Fokusring aus ästhetischen Gründen – das macht die Seite für Tastatur-Nutzer de facto unzugänglich.

Häufige Probleme: Elemente und Funktionalitäten, die scheitern

Die häufigsten Tastaturbedienbarkeits-Verstöße in der Praxis:

• ✓ Custom-Buttons ohne Tastatur-Support: <div>- oder <span>-basierte Elemente, die wie Buttons aussehen, aber weder fokussierbar noch per Enter/Leertaste aktivierbar sind
• ✓ Dropdown-Menüs: Menüs, die sich nur per Hover öffnen – per Tastatur nicht erreichbar, da kein Fokus-Ereignis ausgelöst wird
• ✓ Modale Dialoge: Overlays, die nach dem Öffnen den Fokus nicht ins Modal verschieben oder nach dem Schließen nicht zum auslösenden Button zurückspringen
• ✓ Formulare: Felder und Formulare ohne sichtbaren Fokus-Indikator oder mit einer Tab-Reihenfolge, die nicht dem visuellen Layout entspricht
• ✓ Eingebettete Inhalte: iFrames, Videoplayer oder Karten-Widgets, die die Tastatur "schlucken" und zur Tastaturfalle werden

Tastaturbedienbarkeit testen: Methoden und Vorgehen

Der einfachste und zuverlässigste Test: Maus abstecken oder deaktivieren und die gesamte Website nur per Tastatur bedienen. Jede Funktion, die dann nicht mehr erreichbar ist, ist ein Verstoß. Konkret zu prüfen:

• ✓ Alle interaktiven Elemente per Tab erreichbar – kein Element wird übersprungen
• ✓ Fokus-Indikator ist bei jedem Element klar sichtbar – kein outline: none ohne Ersatz
• ✓ Tab-Reihenfolge entspricht dem visuellen Layout – kein willkürliches Springen
• ✓ Enter aktiviert Links und Buttons, Leertaste Checkboxen und Buttons – natives HTML verwenden
• ✓ Kein Bereich der Seite wird zur Tastaturfalle – Escape schließt Modale, Tab verlässt Widgets

Automatisierte Scanner ergänzen den manuellen Test sinnvoll: Sie erkennen fehlende tabindex-Anforderungen, nicht fokussierbare Elemente und häufige HTML-Strukturfehler. Etwa 30–40 Prozent der Tastaturbedienbarkeits-Probleme lassen sich so zuverlässig identifizieren – den Rest deckt nur der manuelle Test auf.

Häufige Fragen zur Tastaturbedienbarkeit