Ob Deine Seite sich allein mit der Tastatur bedienen lässt, prüfst Du in wenigen Minuten selbst. Du brauchst dafür kein Werkzeug, keinen Test-Account und kein Fachwissen. Es reicht, die Maus zur Seite zu legen.
Genau dieser Tastatur-Test ist der ehrlichste Realitätscheck, den Du Deiner Seite geben kannst. Er zeigt sofort, wo ein Tastatur-Nutzer hängen bleibt. Wie Du eine Seite überhaupt tastaturbedienbar baust, ist eine andere Frage. Hier geht es darum, den fertigen Zustand abzuklopfen.
Warum der Test ohne Maus so viel verrät
Mit der Maus springst Du überall hin und überspringst dabei jeden Stolperstein, den ein Tastatur-Nutzer voll abbekommt. Deshalb fallen die meisten Hürden im normalen Betrieb gar nicht auf. Sie tauchen erst auf, sobald die Maus wegfällt.
Auf die Tastatur angewiesen sind mehr Menschen, als Du vermutest. Wer eine Maus motorisch nicht präzise führen kann, navigiert über die Tastatur. Blinde Besucher steuern ihren Screenreader ebenfalls darüber. Dazu kommen alle, die am Laptop ohne externe Maus sitzen oder gerade eine Hand frei haben wollen.
So legst Du los — Maus weg, Cursor in die Adresszeile
Öffne die Startseite Deiner Webseite im Browser. Klick einmal oben in die Adresszeile und leg die Maus dann demonstrativ zur Seite. Ab jetzt rührst Du sie nicht mehr an.
Von hier aus bedienst Du die Seite nur noch mit vier Tasten. Tab springt vorwärts zum nächsten bedienbaren Element, Shift und Tab gemeinsam zurück. Enter und die Leertaste lösen aus, was gerade markiert ist. Escape schließt geöffnete Fenster und Menüs. Mehr brauchst Du für den ganzen Durchgang nicht.
Schritt 1 — mit Tab durch die ganze Seite
Drücke jetzt mehrfach Tab und beobachte, wie die Markierung von Element zu Element wandert. Geh so einmal komplett durch die Seite, von oben bis in den Fuß. Halte unterwegs nach Stellen Ausschau, an denen die Markierung plötzlich verschwindet oder ein Element überspringt.
Achte besonders auf Bilder, die in Wahrheit Schaltflächen sind, und auf selbstgebaute Aufklapp-Felder. Wenn Du irgendwo etwas anklicken würdest, mit Tab aber gar nicht hinkommst, ist dieses Element für Tastatur-Nutzer unsichtbar. Notiere die Stelle und tabbe weiter.
Schritt 2 — stimmt die Reihenfolge
Tab folgt einer festen Spur über die Seite, und diese Spur sollte dem entsprechen, was Du vor Dir siehst. Sinnvoll läuft sie von oben nach unten und von links nach rechts, so wie man liest.
Springt die Markierung dagegen quer, also erst oben links, dann unten rechts, dann wieder zurück in die Mitte, verliert ein Tastatur-Nutzer schnell die Orientierung. Solche Sprünge entstehen oft, wenn etwas im Nachhinein optisch verschoben wurde. Merk Dir, wo die Tab-Reihenfolge der sichtbaren Anordnung widerspricht.
Schritt 3 — siehst Du immer, wo Du stehst
Bei jedem Tab-Druck sollte ein deutlich sichtbarer Rahmen oder Ring zeigen, welches Element gerade aktiv ist. Wer mit der Maus klickt, sieht das ohnehin. Wer tabbt, ist auf diese Markierung angewiesen, um sich überhaupt zurechtzufinden.
Geh den Durchgang ein zweites Mal und frag Dich bei jedem Schritt, ob Du klar erkennst, wo Du gelandet bist. Ein blasser Schimmer genügt nicht, die Markierung muss ins Auge springen. Verschwindet sie an manchen Stellen ganz, hast Du eine der häufigsten Hürden gefunden. Woran Du einen guten Fokus erkennst, zeigt der Beitrag dazu, wo Du beim Tabben gerade stehst.
Schritt 4 — finde die Fokus-Fallen
Manche Bausteine fangen die Markierung ein und geben sie nicht wieder her. So eine Tastatur-Falle erkennst Du daran, dass Du ab einer bestimmten Stelle mit Tab im Kreis läufst und nicht mehr weiterkommst. Häufig steckt ein Pop-up oder Cookie-Banner dahinter.
Teste deshalb gezielt jedes Fenster, das sich über die Seite legt. Öffne es per Tastatur und versuch, es mit Escape wieder zu schließen. Lässt es sich nicht schließen oder kommst Du danach nicht zurück zu Deinem Ausgangspunkt, hast Du eine Falle gefunden. Auch Menüs, die nur beim Drüberfahren mit der Maus aufgehen, bleiben für die Tastatur verschlossen.
Schritt 5 — testet der Skip-Link wirklich
Ein guter Skip-Link ist die allererste Station, wenn Du auf einer Unterseite das erste Mal Tab drückst. Er taucht dann meist aus dem Nichts oben auf und trägt eine Beschriftung wie „Zum Inhalt springen". Drückst Du Enter, landet die Markierung direkt im Hauptinhalt, ohne dass Du Dich durch das ganze Menü tabben musst.
Probier das auf einer beliebigen Unterseite aus. Erscheint beim ersten Tab gar nichts, fehlt der Skip-Link, und jeder Tastatur-Nutzer muss sich auf jeder Seite erneut durch die komplette Navigation arbeiten. Bei einem großen Menü sind das schnell zwanzig überflüssige Tastendrücke pro Seitenaufruf.
Deine Checkliste für den Durchgang
Den ganzen Test fasst Du auf fünf Fragen zusammen. Geh sie der Reihe nach durch und hak ab, was sauber funktioniert.
- Erreichbar: Kommst Du mit Tab überall hin, auch in Pop-ups und Untermenüs?
- Reihenfolge: Wandert die Markierung in einer logischen Spur, so wie man liest?
- Sichtbar: Siehst Du bei jedem Schritt, wo Du gerade stehst?
- Bedienbar: Lösen Enter und Leertaste jedes markierte Element aus?
- Schließbar: Kommst Du aus jedem Fenster mit Escape wieder heraus?
Wo eine Antwort Nein lautet, hast Du eine Baustelle gefunden. Drei dieser Fragen klärst Du in zwei Minuten, der Rest braucht je nach Seitengröße ein paar Minuten mehr.
Was Du mit dem Befund machst
Jede Stelle, an der Du hängen geblieben bist, wird zu einem klaren Auftrag an Deine Agentur oder Deinen Entwickler. Du musst nicht wissen, wie sich das beheben lässt. Es genügt, genau zu beschreiben, wo und wie der Durchgang abgerissen ist.
Diese fünf Fragen taugen damit auch als Abnahme-Kriterium. Lass Dir vor dem nächsten Launch zeigen, dass die Seite sich komplett ohne Maus bedienen lässt, die Markierung überall sichtbar bleibt und kein Fenster zur Falle wird. Wie das alles zusammenhängt, ordnet der übergeordnete Beitrag in die Grundlagen der Barrierefreiheit ein.
Fazit — was sich bedienen lässt, hält stand
Der Tastatur-Test kostet wenig Zeit und deckt einen großen Teil der häufigsten Hürden auf. Erreichbar, sichtbar, schließbar sind die drei Dinge, auf die Du dabei achtest.
Mach den Durchgang heute einmal auf Deiner eigenen Startseite. Du wirst überrascht sein, wie viel sich mit kleinen Korrekturen verbessert, und wie viele Besucher davon profitieren, ohne dass es je jemand laut sagt.