Gehirngerecht Digital

Die WCAG-Kriterien

WCAG 3.2.2: Kontextänderung bei Eingabe

Zurück zu allen WCAG-Kriterien

Ü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.

Eine Illustration einer Checkbox. Diese löst unerwartet Kontextänderungen aus, wenn man sie anklickt. Sie bewegt den Fokus weg oder öffnet einen neuen Tab.

Umsetzung

Mindestens eine der folgenden Techniken muss umgesetzt werden, um das Kriterium zu erfüllen.

  • Illustration eines Kontaktformulars mit Absenden-Button. Das Formular wird erst nach Drücken des Absenden-Buttons abgesendet.

    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:

  • Illustration einer Checkbox, die eine Kontextänderung auslöst, indem sie bei Klick einen neuen Tab öffnet. Das ist in diesem Fall erlaubt, weil über der Checkbox ein Text steht, der auf die Änderung hinweist.

    Ü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

        • Illustration einer Website mit Artikeln und Filtern für die Artikel. Bei Klick auf die Filter ändert sich der Inhalt der Seite. Das ist erlaubt, da es sich hier um eine Veränderung des Inhalts handelt, nicht des Kontextes!

          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!
          Zum Accessibility-Center