Standards · WCAG 2.2

SC 3.2.2 Stufe A WCAG 2.0

Bei Eingabe

Das Ändern der Einstellung einer Benutzeroberflächenkomponente darf nicht automatisch eine Kontextänderung auslösen, sofern Nutzende nicht vorab darüber informiert wurden. Das Auswählen eines Werts darf nicht stillschweigend navigieren, absenden oder die Seite umstrukturieren.

Was gefordert wird

Das Ändern einer Einstellung an einem Steuerelement — Auswählen einer Option in einem <select>, Anklicken einer Checkbox, Wählen eines Radiobuttons, Bearbeiten eines Textfelds — darf keine stillschweigende wesentliche Kontextänderung auslösen. Wenn die Eingabe tatsächlich eine solche Änderung erfordert, muss die Seite die Nutzenden vor dem Steuerelement darüber informieren, damit das Verhalten vorhersehbar ist.

Zulässige geringfügige Auswirkungen — etwa das Einblenden abhängiger Felder oder das Aktualisieren einer Vorschau — sind erlaubt; verboten sind hingegen stillschweigende Navigation, Formularabsendung, neue Fenster oder vollständige Umstrukturierungen.

So wird die Anforderung erfüllt

  • Nach der Auswahl von Werten eine separate Senden- oder Anwenden-Schaltfläche verwenden, anstatt bei Änderung automatisch abzusenden.
  • Bei Sprach- oder Länderauswahl-Elementen entweder einen Hinweis geben (z. B. „Die Auswahl einer Sprache lädt die Seite neu“) oder eine Bestätigungs-Schaltfläche vorsehen.
  • Bei Filter-UIs, die Ergebnisse live aktualisieren, ist dies zulässig, wenn die Ergebnisse inline erscheinen — ändert sich jedoch die URL oder werden Nutzende an eine andere Stelle weitergeleitet, ist dies als Kontextänderung zu behandeln.
  • Abhängige Felder werden kontextgerecht eingeblendet, mit geeignetem Fokusmanagement.
  • Wenn eine automatische Absendung tatsächlich notwendig ist, sollte dies in den Anweisungen beim Steuerelement oder in der zugänglichen Beschreibung des Felds angekündigt werden.

Häufige Fehler

  • Länder- und Sprach-<select>-Elemente, die beim Ändern des Werts sofort zu einer anderen URL navigieren.
  • Filter-Checkboxen, die die Seite bei jeder Änderung ohne Warnung neu laden und dabei nach oben scrollen.
  • Datumsauswahl-Dialoge, die das umgebende Formular absenden, sobald ein Datum ausgewählt wird.
  • Kippschalter in Administrationsoberflächen, die ohne Bestätigung destruktive Aktionen (Löschen, Veröffentlichen) ausführen.

Warum es wichtig ist

Screenreader- und Tastaturnutzende erkunden Formularsteuerelemente häufig, bevor sie eine Auswahl treffen — sie öffnen ein Dropdown, um Optionen zu lesen, oder navigieren per Tab durch Radiobuttons, um Beschriftungen zu vergleichen. Wenn das Auswählen eines Werts stillschweigend absendet oder navigiert, verlieren die Nutzenden ihren Platz und ihre Daten. Die Regel wahrt die Handlungshoheit der Nutzenden: Sie — nicht die Seite — entscheiden, wann eine Eingabe bestätigt wird.