Wie teste ich eine Website nur mit der Tastatur?

Maus beiseitelegen und mit Tab und Umschalt+Tab den Fokus bewegen, mit Enter und Leertaste Elemente aktivieren, mit Pfeiltasten innerhalb von Komponenten navigieren und mit Escape schließen – und dabei prüfen, ob alles erreichbar und bedienbar ist.

Was findet ein Tastaturtest?

Fehlende oder verdeckte Fokusanzeigen, per Tab nicht erreichbare Elemente, unlogische Fokusreihenfolge, nicht bedienbare eigene Widgets und Tastaturfallen – vieles davon erkennen automatisierte Werkzeuge nur teilweise.

Warum Tastaturtests trotz automatisiertem Scan?

Ein großer Teil der Tastaturzugänglichkeit ist nur teilweise oder gar nicht automatisierbar. Ein Scanner kann einen verdächtigen tabindex markieren, echte Bedienbarkeit zeigt aber erst der Praxistest.

Tests & Tools

Reine Tastaturtests: Ein praktischer Leitfaden

Eine Seite ausschließlich mit der Tastatur zu testen – ganz ohne Maus – ist einer der schnellsten, günstigsten und wertvollsten manuellen Barrierefreiheitschecks überhaupt. Er erfordert keine spezielle Software, dauert nur wenige Minuten pro Seite und deckt direkt echte Probleme auf, die automatisiertes Scannen nur teilweise erkennen kann.

Die Grundmethode

Trennen Sie Ihre Maus physisch ab (oder berühren Sie sie einfach nicht) und navigieren Sie nur mit:

Tab – Fokus zum nächsten interaktiven Element vorwärts bewegen
Umschalt+Tab – Fokus rückwärts bewegen
Eingabe – einen Link aktivieren oder eine Schaltfläche absenden
Leertaste – eine Schaltfläche aktivieren, ein Kontrollkästchen umschalten
Pfeiltasten – innerhalb einer Komponente bewegen, die diese erwartet (ein Auswahl-Dropdown, eine Radiogruppe, ein Menü)
Esc – ein Modal, Dropdown schließen oder einen Tooltip ausblenden

Was Sie dabei prüfen sollten

Können Sie jederzeit sehen, wo der Fokus liegt? Wenn Sie den Überblick verlieren, wo Sie sich befinden, ist das ein Fehler bei Fokus sichtbar – der Fokusindikator fehlt, ist zu unauffällig oder hinter anderem Inhalt verborgen (Fokus nicht verdeckt).

Erreichen Sie jedes interaktive Element? Jede Schaltfläche, jeder Link, jedes Formularfeld und jedes benutzerdefinierte Widget auf der Seite sollte per Tab erreichbar sein. Wenn etwas vollständig übersprungen wird, ist das meist ein Fehler bei Tastatur – oft ein <div> oder <span>, das interaktiv gestaltet ist, aber keine echte Tastaturunterstützung besitzt.

Ergibt die Tab-Reihenfolge Sinn? Der Fokus sollte sich in einer logischen Abfolge bewegen, die der visuellen/Lesereihenfolge der Seite entspricht – siehe Fokusreihenfolge. Wenn er unvorhersehbar springt, prüfen Sie auf CSS-basierte visuelle Neuanordnung oder manuelle tabindex-Werte, die gegen die natürliche DOM-Reihenfolge arbeiten.

Können Sie jedes benutzerdefinierte Widget bedienen? Dropdowns, Modals, benutzerdefinierte Schieberegler, Tab-Panels – jedes hat ein erwartetes Tastaturinteraktionsmuster (dokumentiert im WAI-ARIA Authoring Practices Guide für gängige Widget-Typen). Prüfen Sie, ob sich Pfeiltasten, Eingabe und Esc so verhalten, wie ein Tastaturnutzer es für diesen Steuerelementtyp vernünftigerweise erwarten würde.

Kommen Sie aus allem wieder heraus? Öffnen Sie jedes Modal, Dropdown und eingebettete Widget und bestätigen Sie, dass Sie es schließen und den Fokus nur mit der Tastatur zum Rest der Seite zurückbringen können – eine Tastaturfalle ist einer der schwerwiegendsten, vollständig blockierenden Fehler, auf den ein Tastaturnutzer stoßen kann.

Warum dieser Test sich lohnt, selbst mit automatisiertem Scannen im Einsatz

Ein erheblicher Anteil der Tastaturbarrierefreiheitsprobleme fällt in WCAGs Kategorien "teilweise automatisierbar" oder "nur manuell" (siehe Automatisiertes vs. manuelles Testen) – ein Scanner kann verdächtige Muster wie einen positiven tabindex markieren, aber die Bestätigung echter, korrekter Tastaturbedienbarkeit erfordert in der Praxis, es tatsächlich auszuprobieren. Dieser fünfminütige manuelle Durchgang erfasst echte, schwerwiegende Probleme, die kein heute verfügbares automatisiertes Werkzeug allein vollständig verifizieren kann.

Häufige Fragen

Wie teste ich eine Website nur mit der Tastatur?: Maus beiseitelegen und mit Tab und Umschalt+Tab den Fokus bewegen, mit Enter und Leertaste Elemente aktivieren, mit Pfeiltasten innerhalb von Komponenten navigieren und mit Escape schließen – und dabei prüfen, ob alles erreichbar und bedienbar ist.
Was findet ein Tastaturtest?: Fehlende oder verdeckte Fokusanzeigen, per Tab nicht erreichbare Elemente, unlogische Fokusreihenfolge, nicht bedienbare eigene Widgets und Tastaturfallen – vieles davon erkennen automatisierte Werkzeuge nur teilweise.
Warum Tastaturtests trotz automatisiertem Scan?: Ein großer Teil der Tastaturzugänglichkeit ist nur teilweise oder gar nicht automatisierbar. Ein Scanner kann einen verdächtigen tabindex markieren, echte Bedienbarkeit zeigt aber erst der Praxistest.