Wenn eine Webseite der Reihe nach navigiert werden kann und die Reihenfolge der Navigation die Bedeutung oder Bedienung beeinflusst, erhalten fokussierbare Komponenten den Fokus in einer Reihenfolge, der Bedeutung und Bedienbarkeit aufrecht erhält.
Stufe:
A
Prinzip:
Bedienbar
Rolle:
Entwicklung
Es wird verlangt, dass beim Durchtabben über die Tastatur die Elemente in einer logischen, sinnvollen Reihenfolge den Fokus bekommen, die dem visuellen Layout und der Bedienabfolge entspricht. Dadurch bleibt für alle Nutzenden – etwa mit Screenreader oder rein per Tastatur – klar, welches Element als nächstes folgt und in welcher Reihenfolge Eingaben oder Aktionen erwartet werden.
Praxisbeispiel
In einem Login-Formular wird beim Drücken der Tab-Taste zuerst das Feld »Benutzername«, dann das Feld »Passwort«, anschließend die Checkbox »Angemeldet bleiben« und zuletzt der Button »Anmelden« fokussiert. So entspricht die Fokusreihenfolge genau der Reihenfolge, in der ein Nutzer typischerweise die Felder ausfüllt und abschickt.