3.2.1 Bei Fokus

Was bedeutet das?

Wer mit der Tabulatortaste durch eine Seite geht, setzt den Fokus nacheinander auf Links, Buttons und Felder. Allein dadurch darf nichts Unerwartetes passieren. Ein Formular darf sich nicht selbst abschicken, ein Fenster nicht aufgehen, die Seite nicht wechseln.

Erlaubt ist, dass sich beim Fokus die Darstellung ändert, etwa ein sichtbarer Rahmen oder ein kleiner Hinweistext. Größere Änderungen gehören an eine bewusste Handlung, also an einen Klick oder die Eingabetaste.

Wem hilft das?

• Menschen, die nur mit der Tastatur arbeiten
• Screenreader-Nutzer, die Elemente nacheinander ansteuern
• Menschen mit kognitiven Einschränkungen, die von plötzlichen Wechseln verwirrt werden
• Menschen mit Sehbehinderung, die eine Vergrößerung nutzen und Änderungen außerhalb des Ausschnitts nicht sehen

Typische Fehler

• Ein Feld öffnet beim Fokus sofort ein Pop-up, das den Fokus an sich zieht.
• Beim Fokus auf einen Link öffnet sich automatisch ein neues Fenster oder Tab.
• Ein Suchfeld schickt die Suche ab, sobald es fokussiert wird.
• Der Fokus wird beim Erreichen eines Elements per Skript auf eine ganz andere Stelle der Seite versetzt.

So prüfen wir das

• nur Mensch Nur von Hand: Hier lässt sich nichts Sinnvolles messen. Die Prüferin oder der Prüfer testet es direkt.

Prüffrage: Fokus allein löst keinen Kontextwechsel aus (kein Auto-Absenden, kein neues Fenster bei Fokus).

Entschieden wird jedes Kriterium von einem Menschen. Kein Kriterium gilt automatisch als erfüllt.

So beheben Sie es

<input id="plz" onfocus="window.open('/hilfe-plz')">

<label for="plz">Postleitzahl</label>
<input id="plz" inputmode="numeric" autocomplete="postal-code"
       aria-describedby="plz-hinweis">
<p id="plz-hinweis">Fünf Ziffern, z. B. 10115</p>

Der Hinweis steht dauerhaft am Feld, statt beim Fokus ein Fenster zu öffnen.

Praxistipps

• Gehen Sie Ihre Seite einmal nur mit der Tabulatortaste durch und achten Sie darauf, ob sich ungefragt etwas öffnet.

Offizielle Quelle

Understanding WCAG 2.2 beim W3C (Englisch): 3.2.1 On Focus