Prüfpunkt 3.2.2Stufe AFormulare ausfüllen
Was ist ein unerwarteter Kontextwechsel bei der Eingabe?
Ein unerwarteter Kontextwechsel bei der Eingabe liegt vor, wenn die Seite schon beim Tippen oder Auswählen wechselt — ohne dass der Besucher auf „Absenden“ gedrückt hat. Das klassische Beispiel: Eine Auswahlliste „Land wählen“ lädt sofort beim Auswählen eine neue Seite. Wer sich vertippt oder mit Pfeiltasten durch die Liste geht, wird mitten in der Eingabe fortgerissen. Das WCAG-Kriterium 3.2.2 verlangt einen ausdrücklichen Bestätigungsschritt.
Was das Kriterium für Besucher praktisch bedeutet
Formulare leben von der Möglichkeit, Eingaben zu überdenken und zu korrigieren. Wer mit der Tastatur eine Auswahlliste bedient, geht die Einträge mit den Pfeiltasten der Reihe nach durch — jeder Eintrag wird dabei kurz ausgewählt. Lädt die Seite bereits bei dieser Auswahl neu, erreicht ein Tastaturnutzer nur den allerersten Eintrag; alle weiteren Länder, Filialen oder Kategorien bleiben für ihn unerreichbar. Auch Menschen, die langsam tippen oder eine Sprachsteuerung verwenden, verlieren bei solchen Sofort-Wechseln ihre halb ausgefüllten Formulare. Die Lösung ist einfach und vertraut: eine eigene Schaltfläche wie „Weiter“ oder „Anwenden“, die der Besucher bewusst betätigt, wenn seine Eingabe fertig ist.
So misst der Prüfservice das Verhalten bei Eingabe
Der Prüfservice führt in einem echten Browser eine vorsichtige Eingabe-Probe durch: Er wählt ein Textfeld auf Ihrer Seite, tippt ein Zeichen hinein und beobachtet, was passiert. Löst die Eingabe eine echte Navigation aus — die Seite lädt neu, ohne dass etwas abgesendet wurde —, gilt das Kriterium als verstoßen. Bleibt die Seite ruhig, gilt die Probe als bestanden. Auswahllisten probiert die Messung mit Absicht nicht durch: Eine automatische Auswahl könnte auf einer echten Website Bestellungen oder Umleitungen auslösen. Solche Fälle vermerkt der Bericht offen zur manuellen Prüfung, und beim Gold-Standard beurteilt ein Mensch das Verhalten jeder Auswahlliste. Auch eine Live-Suche, die beim Tippen die Trefferliste neu aufbaut, wird menschlich bewertet.
Beispiele
Auswahl sendet sofort ab
<select name="land" onchange="this.form.submit()">…</select><select name="land">…</select>
<button type="submit">Anzeigen</button>Wer mit den Pfeiltasten durch die Liste geht, löst bei jedem Schritt ein Absenden aus. Ein Knopf trennt Wahl und Wirkung.
So gehen Sie es an
- Gehen Sie jede Auswahlliste Ihrer Website mit den Pfeiltasten durch und prüfen Sie, ob die Seite dabei an Ort und Stelle bleibt.
- Geben Sie jeder Filter- und Länderauswahl eine eigene Schaltfläche wie „Anwenden“, statt die Auswahl sofort wirken zu lassen.
- Tippen Sie in jedes Suchfeld ein Zeichen und beobachten Sie, ob die Seite ruhig stehen bleibt.
- Bitten Sie Ihre Agentur, automatische Weiterleitungen bei Formularänderungen grundsätzlich durch Bestätigungsschritte zu ersetzen.
Weiter im Prüfbereich Barrierefreiheit
- Warum muss das Menü auf jeder Seite gleich aufgebaut sein?Ein Menü in gleicher Reihenfolge auf allen Seiten gibt Orientierung. Was WCAG-Kriterium 3.2.3 verlangt und wie unsere Prüfung damit umgeht.
- Warum muss dieselbe Funktion überall gleich heißen?Heißt der Warenkorb überall gleich, finden alle Besucher ihn sofort. Was WCAG-Kriterium 3.2.4 verlangt und wie unsere Prüfung es behandelt.
- Wo gehört die Hilfe auf einer Website hin?Hilfe-Angebote wie Telefonnummer, Kontaktlink oder Chat gehören auf jeder Seite an dieselbe Stelle. Das verlangt das neue WCAG-Kriterium 3.2.6.
- Wie zeigt eine Website Formularfehler richtig an?Ein Formularfehler muss in Textform benannt werden: welches Feld, was fehlt. So prüfen wir WCAG-Kriterium 3.3.1 mit einem echten Absende-Versuch.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: Aaron Burden, CC0
.jpg){kind=link}