WCAG 3.2.2 Bei Eingabe

Das Erfolgskriterium 3.2.2 schützt Menschen vor unerwarteten Sprüngen beim Ausfüllen eines Formulars. Screenreader-Nutzer, Tastaturnutzer und Menschen mit kognitiven Beeinträchtigungen gehen eine Auswahlliste vielleicht Option für Option durch oder setzen ein Häkchen, um zu sehen, was es bewirkt. Lädt schon das die Seite neu oder sendet das Formular ab, verlieren sie den Überblick oder schicken etwas ab, das sie nicht wollten. Es gehört zur Konformitätsstufe A und steht in EN 301 549 als Abschnitt 9.3.2.2. Das BFSG verweist über die harmonisierte Norm EN 301 549 auf diese Anforderungen.

Was das Erfolgskriterium verlangt

Das Ändern der Einstellung einer Komponente der Benutzeroberfläche darf nicht automatisch einen Kontextwechsel auslösen, es sei denn, der Nutzer wurde vor der Benutzung der Komponente über das Verhalten informiert.

„Ändern der Einstellung“ bedeutet, einen Wert zu ändern: in ein Feld tippen, eine Checkbox anhaken, einen Radiobutton oder eine Option in einer Auswahlliste wählen. Ein Kontextwechsel ist eine neue Seite, ein neues Fenster, ein Fokus, der woandershin wandert, oder ein Inhalt, der die Bedeutung der Seite verändert. Eine reine Inhaltsänderung — ein zusätzliches Feld einblenden, einen Preis aktualisieren — ist erlaubt.

Typische Fehler in Onlineshops

• eine Auswahl „Sortieren nach“ oder eine Währungsauswahl lädt die Seite neu, sobald eine Option gewählt ist, ohne Hinweis;
• eine Länderauswahl im Checkout verschiebt den Fokus oder lädt das ganze Formular neu;
• die Wahl einer Variante (Größe, Farbe) navigiert zu einer anderen Produkt-URL;
• ein Gutschein- oder Mengenfeld sendet das Formular automatisch ab, wenn sich der Wert ändert;
• das Anhaken einer Checkbox öffnet ein neues Fenster, etwa die Seite mit den AGB.

So prüfen Sie es

Automatisch: Unser Checker hat für dieses Kriterium keine Regel. Ob eine Wertänderung eine Navigation auslöst, hängt von Skripten ab, deshalb ist eine manuelle Prüfung nötig.

Manuell: Gehen Sie nur mit der Tastatur zu jeder Auswahlliste, jeder Checkbox, jeder Radiobutton-Gruppe und jedem Textfeld. Ändern Sie den Wert mit den Pfeiltasten oder durch Tippen, ohne Enter oder einen Button zu drücken. Achten Sie auf Neuladen der Seite, neue Fenster oder Tabs, Absenden des Formulars oder einen Fokus, der wegwandert. Passiert das, suchen Sie vor dem Bedienelement nach einem Text, der darauf hinweist.

So beheben Sie es

• Ergänzen Sie einen Button „Anwenden“, „Los“ oder „Aktualisieren“ und handeln Sie erst, wenn er gedrückt wird.
• Muss das sofortige Verhalten bleiben, weisen Sie vor dem Bedienelement darauf hin, zum Beispiel „Die Wahl einer Währung lädt die Seite neu“.
• Aktualisieren Sie Inhalte an Ort und Stelle (Preis, Lagerbestand, Filterergebnisse), ohne den Fokus zu verschieben, und geben Sie die Änderung als Statusmeldung aus.
• Öffnen Sie nie neue Fenster über Checkboxen oder Radiobuttons.

Verwandte Kriterien

• 3.2.1 Bei Fokus — der Fokus allein darf den Kontext nicht ändern.
• 4.1.3 Statusmeldungen — aktualisierte Ergebnisse ansagen, ohne den Fokus zu verschieben.
• 3.3.2 Beschriftungen (Labels) oder Anweisungen — Anweisungen, die auf ein Verhalten hinweisen.

Häufige Fragen

Darf ein Auswahlmenü bei Änderung navigieren?

Nur wenn Nutzer vor der Benutzung darüber informiert werden, zum Beispiel mit einem Text, der erklärt, dass die Wahl einer Option die Seite öffnet. Benutzerfreundlicher ist ein eigener Button „Los“ oder „Anwenden“.

Sind Filter erlaubt, die die Produktliste bei Änderung aktualisieren?

Die Aktualisierung der Liste ist meist eine Inhaltsänderung, kein Kontextwechsel, und daher erlaubt. Eine neue Seite zu laden, ein Fenster zu öffnen oder den Fokus bei Änderung zu verschieben, ist ein Kontextwechsel.

Gilt 3.2.2 für Buttons und Links?

Nein. Einen Button oder Link zu aktivieren, ist keine Änderung einer Einstellung. 3.2.2 betrifft das Ändern des Werts von Bedienelementen wie Textfeldern, Checkboxen, Radiobuttons und Auswahllisten.