WCAG 3.2.2 Bei Eingabe

Erfolgskriterium 3.2.2 verlangt, dass das Ändern der Einstellung einer Benutzeroberflächen-Komponente nicht automatisch eine Kontextänderung verursacht, es sei denn, der Nutzer wurde vorher über das Verhalten informiert. Es ist ein Kriterium der Stufe A unter Richtlinie 3.2 (Vorhersehbar) – das eingabegetriebene Pendant zu 3.2.1 Bei Fokus.

Das Kernproblem

Etwas in ein Feld einzutippen, ein Kästchen anzuhaken oder eine Option auszuwählen sind alles normale Interaktionen, bei denen ein Nutzer vernünftigerweise erwartet, dass sie im aktuellen Kontext bleiben – bis er ausdrücklich absendet, eine Schaltfläche klickt oder anderweitig einen bewussten nächsten Schritt unternimmt. Wenn allein das Auswählen einer Dropdown-Option sofort zu einer neuen Seite navigiert, oder das Anhaken eines Kontrollkästchens sofort ein Formular absendet, verlieren Nutzer (besonders diejenigen, die auf assistive Technologie angewiesen sind und möglicherweise nicht sofort wahrnehmen, dass gerade ein großer Kontextwechsel stattgefunden hat) die Vorhersehbarkeit darüber, was ihre eigenen Aktionen bewirken werden.

Das klassische Beispiel: automatisch navigierende Dropdowns

<!-- Ein verbreitetes, aber riskantes Muster -->
<select onchange="window.location = this.value">
  <option value="/produkte">Produkte</option>
  <option value="/ueber-uns">Über uns</option>
</select>

Ein sehender Mausnutzer toleriert dieses Muster möglicherweise recht gut, da der visuelle Seitenwechsel sofort offensichtlich ist. Ein Screenreader-Nutzer, der mit den Pfeiltasten Optionen durchgeht, um zu erkunden, was verfügbar ist, könnte eine unerwartete Navigation auslösen, bevor er sich überhaupt auf seine beabsichtigte Wahl festgelegt hat – jeder Pfeiltasten-Druck könnte unbeabsichtigt zu einer anderen Seite springen.

Wann dieses Muster erlaubt IST

Das Kriterium verbietet automatisch ausgelöste Kontextänderungen bei Eingabe nicht grundsätzlich – es verlangt, dass der Nutzer vor der Nutzung der Komponente über das Verhalten informiert wird. Ein Dropdown, ausdrücklich beschriftet mit "Wählen Sie eine Seite aus, um sofort dorthin zu springen", gibt dem Nutzer eine faire Warnung darüber, was die Auswahl einer Option bewirkt, und erfüllt das Kriterium, obwohl das zugrunde liegende automatische Navigationsverhalten unverändert ist.

Die sicherere, häufigere Lösung

Kombinieren Sie die Auswahl mit einer expliziten "Los"-Schaltfläche, sodass die Auswahl einer Option die Wahl nur vormerkt und eine ausdrückliche Nutzeraktion sie bestätigt:

<select id="seiten-auswahl">...</select>
<button type="button" onclick="navigate()">Los</button>

Dies vermeidet, sich überhaupt auf die "vorher informiert"-Ausnahme verlassen zu müssen, und entspricht dem, was die meisten Nutzer bereits standardmäßig von einem Formularsteuerelement erwarten.