Standards · WCAG 2.2

SC 3.2.1 Stufe A WCAG 2.0

Bei Fokus

Wenn eine Benutzeroberflächenkomponente den Fokus erhält, darf dies keine Kontextänderung auslösen — keine automatische Seitennavigation, kein neues Fenster, keine wesentliche Inhaltsumstrukturierung. Fokus dient der Orientierung, nicht der Aktion.

Was gefordert wird

Das Erhalten des Fokus darf niemals eine „Kontextänderung“ auslösen. WCAG definiert eine Kontextänderung als: Navigation zu einer neuen Seite, Öffnen eines neuen Fensters, Verschieben des Fokus auf eine andere Komponente oder wesentliche Umstrukturierung des Seiteninhalts. Fokus ist das Tastatur-Äquivalent des Mauszeigers über einem Element — er muss passiv bleiben.

Kontextänderungen müssen durch bewusste Aktivierung ausgelöst werden: Drücken einer Schaltfläche, Betätigen von Enter auf einem Link, Absenden eines Formulars.

So wird die Anforderung erfüllt

  • window.open, location.href = … und form.submit() dürfen niemals aus einem focus-Ereignis-Handler heraus aufgerufen werden.
  • Tooltips und kleine Aufklapp-Elemente beim Fokussieren sind zulässig — sie stellen keine Kontextänderung dar. Wesentliche Inhaltswechsel hingegen schon.
  • Bei Autovervollständigungsvorschlägen stellt das Verschieben des Fokus auf eine Option keinen Verstoß gegen dieses Erfolgskriterium dar, solange die Vorschlagsliste das erwartete Verhalten ist.
  • Wenn beim Fokussieren eines Elements zusätzliche UI-Elemente eingeblendet werden müssen (etwa Hilfetext zu einem Eingabefeld), sollte dies in unmittelbarer Nähe und ohne störenden Eingriff erfolgen.
  • Mit der Tastatur testen: Alle interaktiven Elemente per Tab durchgehen. Alles, was beim Fokussieren „springt“ oder automatisch absendet, ist ein Fehler.

Häufige Fehler

  • Ein Dropdown-Menü, das sich automatisch absendet, wenn eine Option per Pfeiltaste den Fokus erhält.
  • Ein Link, der beim Fokussieren durch einen onfocus-Handler sofort eine Navigation auslöst.
  • Datumsauswahl-Dialoge, die sich schließen, sobald das nächste Feld den Fokus erhält, bevor die Nutzenden die Interaktion abgeschlossen haben.
  • Anmeldeformulare, die sich automatisch absenden, wenn das Passwortfeld durch einen Passwort-Manager den Fokus erhält.

Warum es wichtig ist

Tastaturnutzende navigieren, indem sie den Fokus sequenziell durch die Seite bewegen. Wenn das Fokussieren eine Kontextänderung auslöst, befinden sich die Nutzenden plötzlich an einem Ort, den sie nicht angesteuert haben — für Screenreader-Nutzende ist das besonders desorientierend, weil die Ankündigungs-Warteschlange abrupt wechselt. Die Regel ist einfach: Fokus orientiert, Aktivierung handelt.