ÜBERBLICK
Umsetzbarkeit:
- Komplexität:Kompliziert
- Dauer:Kann dauern
Wichtig für Rolle:
Design, Entwicklung
Worum gehts?
Mit der Tastatur (Tab-Taste) muss man die Inhalte deiner Website in einer sinnvollen Reihenfolge ansteuern können. Normalerweise folgt die Tab-Reihenfolge der visuellen Reihenfolge.
Umsetzung
Mindestens eine der folgenden Möglichkeiten muss umgesetzt werden, um das Kriterium zu erfüllen. Nähere Informationen dazu findest du in den jeweils verlinkten WCAG-Techniken.
Fokusreihenfolge der Elemente ist logisch nachvollziehbar
Wenn Sie per Tab-Taste die Bedienelemente Ihrer Webseite durchgehen, sollten diese in einer sinnvollen und nachvollziehbaren Reihenfolge angesteuert werden.
Das bedeutet hauptsächlich, dass der Tastaturfokus nicht willkürlich zwischen Elementen hin- und herspringen sollte. Also nicht aus dem Header auf einen Link in den Footer und dann wieder zurück in den Header und so weiter.
Elemente, die nicht sichtbar sind, sollten mit der Tab-Taste nicht erreichbar sein, da es sehr verwirrend sein kann, wenn der Fokus auf etwas landet, das nicht erkennbar ist.
Eingeblendete Inhalte sind bedienbar
Wenn durch eine Eingabe oder einen Klick auf einen Button neue Elemente eingeblendet werden, sollten diese im Code unterhalb des auslösenden Elements erscheinen. Das muss deswegen so sein, weil man mit der Tab-Taste und auch mit assistiven Technologien immer linear durch die Webseite navigiert.
Wenn zum Beispiel beim Ausfüllen eines Formulars neue Felder erscheinen, sollten diese direkt darunter platziert werden.
Wenn eine Aktion ein Modal einblendet, muss der Tastaturfokus automatisch auf den Anfang des Modals verschoben werden. Beim Schließen soll der Fokus wieder auf das Element zurückkehren, das das Modal geöffnet hat.
WCAG-Technik(en) in Englisch:
DAs Accessbility-Center
Teste selbstständig auf digitale Barrierefreiheit!
Mit unserem manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!
- Alle Prüfschritte leicht erklärt
- Teile und exportiere Prüfberichte
- Teste direkt auf der Live-Webseite!
