WCAG 3.2.2: Bei Eingabe

Das Ändern einer Einstellung – Checkbox anhaken, Option wählen, Radio-Button setzen – darf nicht automatisch einen Kontextwechsel auslösen, es sei denn, die Seite hat vorher darüber informiert. Auswahl ist keine Bestätigung. (Englisch: On Input.)

Was verlangt das Kriterium?

Die Verstoß-Klassiker:

• Das Sprach-Dropdown, das beim Auswählen sofort die Seite wechselt – für Tastaturnutzer fatal: Schon das Durchgehen der Optionen mit den Pfeiltasten feuert in manchen Browsern change und navigiert mitten in der Auswahl.
• Das Formular, das sich beim letzten Radio-Button selbst absendet.
• Der Filter, der bei jeder Checkbox die ganze Seite neu lädt und den Fokus an den Anfang wirft.

Erlaubt sind Änderungen im Kontext – ein Filter aktualisiert die Trefferliste daneben (mit Ansage per Live-Region), ein Feld blendet abhängige Felder ein. Nur der Kontextwechsel braucht die explizite Aktion oder die Vorwarnung.

Wen betrifft es besonders?

Tastaturnutzer (Pfeiltasten-Navigation in Selects!), Screenreader-Nutzer (die erst alle Optionen hören wollen) und Menschen mit kognitiven Einschränkungen, für die unangekündigte Sprünge Orientierung und Vertrauen kosten.

Richtig & falsch im Code

<!-- Falsch: Auswahl navigiert sofort -->
<select onchange="location.href = this.value">
  <option value="/de.html">Deutsch</option>
  <option value="/en.html">English</option>
</select>

<!-- Richtig: Auswahl + expliziter Button -->
<form action="/sprache-wechseln" method="get">
  <label for="sprache">Sprache</label>
  <select id="sprache" name="sprache">
    <option value="de">Deutsch</option>
    <option value="en">English</option>
  </select>
  <button type="submit">Sprache wechseln</button>
</form>

Noch besser für Sprachwahl: schlichte Links pro Sprache – Links navigieren, Buttons handeln, und ein <a href> überrascht niemanden.

So testest du es

1. Alle Selects, Radios und Checkboxen per Tastatur durchgehen (Pfeiltasten, Leertaste): Wechselt irgendwo die Seite, ohne dass Enter/Button im Spiel war?
2. Formulare beobachten: Sendet etwas ohne expliziten Submit?
3. Filter-UIs prüfen: Bleibt der Fokus bei der Interaktion, wird das Ergebnis angesagt?

Verwandte Themen

• 3.2.1 Bei Fokus – die noch striktere Schwester-Regel
• Sortierbare & filterbare Tabellen – Filter ohne Kontextwechsel
• Formular-Semantik