ÜBERBLICK
Umsetzbarkeit:
- Komplexität:Kompliziert
- Dauer:Kann dauern
Wichtig für Rolle:
Entwicklung
Worum geht's?
Das Interagieren mit einem Formularelement (z. B. Checkbox) darf keine unerwartete Kontext-Änderung, wie eine Verschiebung des Tastaturfokus, auslösen. Eine Kontext-Änderung ist erlaubt, wenn der User vorher gewarnt wurde.
Umsetzung
Mindestens eine der folgenden Techniken muss umgesetzt werden, um das Kriterium zu erfüllen.

Stelle einen Absenden-Button zur Verfügung
Anstatt dass du ein Formular direkt absendest, wenn der User die letzte Eingabe gemacht hat, solltest du einen Absenden-Button zur Verfügung stellen, der das Formular erst dann absendet, wenn man den Button aktiviert hat.
WCAG-Technik(en) in Englisch:

Über die Kontextänderung informieren
Wenn es doch vorkommen sollte, dass es eine Kontextänderung nötig ist, dann musst du diese beschreiben, bevor der User mit dem Formularelement interagiert, das die Kontextänderung auslöst.
Beispiel: Eine Checkbox öffnet, wenn man sie anklickt, einen neuen Tab. Das ist erlaubt, solange der User vor der Aktion darauf hingewiesen wird.
WCAG-Technik(en) in Englisch:
- Kein direkte Technik in der WCAG vorhanden.
Anmerkungen

Hinweis: Kontext- vs. Content-Änderung
Oft sind Leute verwirrt, weil es nicht klar ist, was der Unterschied zwischen einer Kontextänderung und einer Content-Änderung (auf Deutsch Inhaltsänderung) ist.
Eine Kontextänderung ist, zum Beispiel wenn sich die Seite neu lädt, der Fokus springt oder sich Inhalt automatisch verändert (mehr dazu in dem Kriterium 3.2.1: Kontextänderung bei Fokus).
Eine reine Content- bzw. Inhaltsveränderung hingegen ist zum Beispiel:
- Wenn sich aufgrund der Eingabe nur der Inhalt verändert (z.B. Filter in einem E-Commerce-Shop)
- Wenn sich neue Inhalte (z.B. neue Formularfelder nach Eingabe) laden, aber der Fokus nicht darauf verschoben wird
Inhaltsänderungen sind erlaubt, aber Änderungen des Kontextes verstoßen gegen dieses Kriterium.
DAs Accessbility-Center
Teste selbstständig auf digitale Barrierefreiheit!
Mit unserem manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!
- Alle Prüfschritte leicht erklärt
- Teile und exportiere Prüfberichte
- Teste direkt auf der Live-Webseite!