Vorhersehbarkeit: keine Überraschungen bei Fokus und Eingabe
Ein Element zu fokussieren oder ein Feld auszufüllen darf nicht von selbst die Seite wechseln, ein Fenster öffnen oder das Formular abschicken. Und wiederkehrende Elemente müssen auf allen Seiten an derselben Stelle stehen und gleich heißen.
Was dazu geprüft wird
5 Prüfpunkte aus dem WCAG 2.2, Leitlinie 3.2 — die Liste stammt aus dem Messkern, nicht aus diesem Text.
- 3.2.1 Bei Fokus · Stufe A
- 3.2.2 Bei Eingabe · Stufe A
- 3.2.3 Konsistente Navigation · Stufe AA
- 3.2.4 Konsistente Erkennung · Stufe AA
- 3.2.6 Konsistente Hilfe · Stufe A
Jeder dieser Punkte steht mit Erklärung in der vollständigen Prüfpunktliste.
Worauf es in der Praxis ankommt
Der häufigste Verstoß ist die Auswahlliste, die beim Ändern sofort die Seite lädt. Wer mit der Tastatur durch die Einträge geht, löst dabei bei jedem Eintrag einen Seitenwechsel aus und kommt nie beim gewünschten an.
Konsistenz klingt nach Geschmacksfrage, ist aber messbar: Wenn dieselbe Funktion auf einer Seite „Suchen" und auf der nächsten „Finden" heißt, muss jeder Nutzer neu lernen — und wer sich an Positionen orientiert, verliert die Orientierung ganz.
Seit WCAG 2.2 gehört auch die konsistente Hilfe dazu: Wenn es einen Hilfe-Zugang gibt, soll er überall an derselben Stelle sein.
Häufige Fragen
Darf ein Auswahlfeld die Seite wechseln?
Nicht von selbst. Erlaubt ist es mit einer Bestätigungsschaltfläche daneben — oder wenn vorher angekündigt wird, dass die Auswahl den Kontext wechselt.
Was heißt „konsistente Navigation" genau?
Wiederkehrende Navigationsblöcke erscheinen auf allen Seiten in derselben relativen Reihenfolge. Zusätzliche Einträge sind erlaubt, das Umsortieren nicht.
Weitere Themen aus Barrierefreiheit
- Alternativtexte prüfen: wann ein Bild einen Text braucht
- Untertitel und Audiodeskription: was bei Video und Audio verlangt wird
- Struktur und Lesereihenfolge: warum Aussehen und Code übereinstimmen müssen
- Farbkontraste prüfen: 4,5:1, 3:1 und was sonst noch zählt
- Tastaturbedienung prüfen: alles erreichbar, nichts gefangen
- Zeitbegrenzungen und bewegte Inhalte: Kontrolle beim Nutzer
- Blitzende Inhalte: die Grenze von dreimal pro Sekunde
- Navigation und Fokus: sichtbar, auffindbar, in sinnvoller Reihenfolge
- Zielgrößen und Zeigereingaben: 24×24 Pixel und was daran hängt
- Sprachauszeichnung prüfen: lang-Attribut richtig setzen
- Formulare und Fehlermeldungen: erkennen, erklären, vermeiden
- Name, Rolle, Wert und Statusmeldungen: was Hilfsmittel aus dem Code lesen