Tastaturnavigation: der Test, an dem die meisten Websites scheitern
Von The AsasWeb team 1 Min. Lesezeit
Legt die Maus beiseite und versucht, eure wichtigste Aufgabe nur mit Tab, Umschalt und Tab, Enter, Leertaste und den Pfeiltasten zu erledigen. Eine Website besteht, wenn der Fokus immer sichtbar ist, sich in logischer Reihenfolge bewegt, jeden Link, jeden Button und jedes Feld erreicht und aus jedem Menü oder Dialog wieder herauskommt. Wenn sich eine Aufgabe per Tastatur nicht erledigen lässt, kann eine echte Kundengruppe sie auch nicht erledigen, und Tastaturzugang ist das Fundament, auf dem Screenreader-Nutzung aufbaut.
Hier ist ein Test, den ihr in fünf Minuten durchführen könnt: legt die Maus beiseite und versucht, eure eigene Website nur mit der Tastatur zu nutzen. Viele Menschen müssen so surfen, darunter manche, die einen Screenreader nutzen, und viele mit motorischen Einschränkungen. Erstaunlich viele Websites scheitern an diesem Test.
Wie ihr testet
Nutzt die Tab-Taste, um vorwärts zu gehen, Umschalt und Tab, um zurückzugehen, Enter und Leertaste zum Aktivieren und die Pfeiltasten innerhalb von Menüs. Versucht, eure wichtigste Aufgabe zu erledigen, etwa ein Produkt zu finden oder eine Anfrage zu senden, ohne die Maus zu berühren.
Worauf ihr achten müsst
- Seht ihr, wo ihr seid? Ein klarer, sichtbarer Fokusstil muss euch beim Tabben folgen. Ist der Fokus unsichtbar, ist die Website per Tastatur unbenutzbar.
- Ist die Reihenfolge logisch? Der Fokus sollte sich in sinnvoller Lesereihenfolge bewegen, nicht herumspringen.
- Erreicht ihr alles? Jeder Link, Button und jedes Feld muss erreichbar und bedienbar sein, einschließlich Menüs und Pop-ups.
- Kommt ihr wieder heraus? Öffnet ein Menü oder einen Dialog, schließt es mit der Escape-Taste und prüft, ob der Fokus an eine sinnvolle Stelle zurückkehrt. Achtet auf Fallen, aus denen ihr nicht heraustabben könnt.
Warum es zählt
Wenn ihr eine Aufgabe nicht per Tastatur erledigen könnt, kann es eine echte Gruppe von Kunden auch nicht, und sie werden gehen. Tastaturzugang ist zudem das Fundament, auf dem die Nutzung von Screenreadern aufbaut, ihn zu beheben hebt also die Barrierefreiheit insgesamt.
Wir machen bei jedem Build einen reinen Tastaturdurchlauf, einschließlich fokusgefangener Menüs, die mit Escape schließen und den Fokus sauber zurückgeben. Wenn eure Website den Maus-abziehen-Test nicht besteht, startet ein Projekt und wir bringen das in Ordnung.