Tastaturbedienung prüfen: alles erreichbar, nichts gefangen

Alles, was mit der Maus geht, muss auch mit der Tastatur gehen — und der Fokus muss überall wieder herauskommen. Eine Fläche, die man mit Tab betritt und nur mit Neuladen wieder verlässt, ist eine Tastaturfalle und ein Verstoß auf Stufe A.

Was dazu geprüft wird

3 Prüfpunkte aus dem WCAG 2.2, Leitlinie 2.1 — die Liste stammt aus dem Messkern, nicht aus diesem Text.

2.1.1 Tastatur · Stufe A
2.1.2 Keine Tastaturfalle · Stufe A
2.1.4 Tastenkürzel über Einzelzeichen · Stufe A

Jeder dieser Punkte steht mit Erklärung in der vollständigen Prüfpunktliste.

Worauf es in der Praxis ankommt

Der schnellste Selbsttest kostet zwei Minuten: Legen Sie die Maus weg und bedienen Sie Ihre Seite nur mit Tab, Umschalt+Tab, Eingabe, Leertaste und den Pfeiltasten. Wo Sie hängen bleiben oder etwas nicht auslösen können, liegt ein Befund.

Typische Fallen sind selbstgebaute Bedienelemente: ein <div> mit Klick-Ereignis ist für die Tastatur unsichtbar. Ebenso Dialoge, die den Fokus nicht einfangen — man tabbt hinter das Fenster und bedient unsichtbare Elemente dahinter.

Auch scrollbare Bereiche gehören hierher: Ein Kasten mit waagrechtem Überlauf muss fokussierbar sein, sonst erreicht niemand ohne Maus seinen rechten Teil. Diesen Befund haben wir zweimal an unserer eigenen Seite gefunden.

Häufige Fragen

Wie teste ich die Tastaturbedienung selbst?

Maus weglegen, mit Tab durch die Seite gehen. Prüfen Sie drei Dinge: Erreichen Sie jedes Bedienelement? Sehen Sie jederzeit, wo Sie sind? Kommen Sie aus jedem Bereich wieder heraus?

Was ist eine Tastaturfalle?

Ein Bereich, den man per Tastatur betreten, aber nicht verlassen kann — häufig bei eingebetteten Wiedergabefenstern, Karten oder Editoren. Für Tastaturnutzer endet die Seite dort.

Dürfen wir Einzeltasten als Kurzbefehl verwenden?

Nur wenn sie abschaltbar, umbelegbar oder auf den Fokus beschränkt sind. Sonst löst Spracheingabe oder ein versehentlicher Tastendruck ungewollt Funktionen aus.

Weitere Themen aus Barrierefreiheit

Website prüfen lassen Erst das Prüfverfahren verstehen →