Gehirngerecht Digital

Die WCAG-Kriterien

WCAG 3.2.1: Kontextänderung bei Fokus

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

  • Komplexität:Einfach
  • Dauer:Kann dauern

Wichtig für Rolle:

Entwicklung

Worum geht's?

Den Tastaturfokus auf ein Element zu setzen, darf keine Funktion auslösen, die den Kontext verändert.

(Was eine Kontextänderung ist, findest du in den Hinweisen.)

Der Absende-Button eines Kontakt-Formulars hat den Fokus. Dadurch darf das Formular noch nicht abgesendet werden.

Umsetzung

Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.

    Anmerkungen

      • Ein Kontaktformular mit einem ausgefüllten Inputfeld für eine E-mail. Daneben ein geöffneter Tooltip in dem steht: Ich öffne mich bei Fokus!

        Ausnahme: Tooltips zählen nicht als Kontextänderung

        Das Öffnen von Custom Tooltips, also nicht modalen Fenstern, die sich beim Weitertabben oder Mausklick selbstständig schließen, gilt dabei nicht als Kontextänderung.

        • Illustration einer Glühbirne mit fröhlichen Augen.

          Hinweis: Was ist eine Kontextänderung?

          Nach WCAG ist eine Kontextänderung (Context Change) eine Änderung auf einer Webseite, die den Nutzer in seinem aktuellen Interaktionskontext beeinflusst, ohne dass er diese Änderung explizit initiiert hat. 

          Beispiele:

          • Ein Modal öffnet sich automatisch, wenn die Seite geladen wird.
          • Der Fokus springt plötzlich zu einem anderen Bedienelement.
          • Inhalte werden dynamisch geladen und verschieben die sichtbare Seite (z. B. Ajax-Inhalte), ohne dass der Nutzer es erwartet.
          • Automatisches Abspielen von Medien oder Pop-ups, die die aktuelle Aktion unterbrechen.

            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