WCAG 3.3.2: Beschriftungen oder Anweisungen

Wo Nutzereingaben verlangt werden, müssen Beschriftungen oder Anweisungen bereitstehen: Jedes Feld sagt sichtbar, was hineingehört – inklusive Format („TT.MM.JJJJ“) und Pflichtstatus. (Englisch: Labels or Instructions.)

Was verlangt das Kriterium?

• Sichtbares Label pro Feld – dauerhaft, nicht als verschwindender Platzhalter. Die technische Verknüpfung (<label for>) verlangt streng genommen 1.3.1; 3.3.2 verlangt die sichtbare Existenz.
• Formatangaben, wo ein bestimmtes Format erwartet wird – am Feld, nicht in der Fehlermeldung danach.
• Pflichtfeld-Kennzeichnung – im Text („Pflichtfeld“) oder mit erklärtem Sternchen; nicht nur Farbe.
• Gruppen-Beschriftungen für zusammengehörige Felder (fieldset & legend).

Wen betrifft es besonders?

Menschen mit kognitiven Einschränkungen und Gedächtnisproblemen (ein verschwundener Platzhalter heißt: Feldzweck vergessen, Formular abbrechen), Screenreader-Nutzer (Feld ohne Label = „Eingabefeld, leer“) und Sprachsteuerungs-Nutzer, die Felder über sichtbare Namen ansteuern.

Richtig & falsch im Code

<!-- Falsch: Platzhalter spielt Label -->
<input type="text" placeholder="Geburtsdatum" />

<!-- Richtig: sichtbares Label + Formatangabe, verknüpft -->
<label for="geburtsdatum">Geburtsdatum (TT.MM.JJJJ)</label>
<input id="geburtsdatum" name="geburtsdatum" inputmode="numeric"
       autocomplete="bday" aria-describedby="geb-hinweis" />
<p id="geb-hinweis">Beispiel: 24.06.1985</p>

Der Platzhalter ist die meistgebaute Falle: Er verschwindet beim Tippen, hat zu wenig Kontrast und verwirrt ausgefüllt wirkende Formulare. Als Ergänzung (Beispielwert) okay, als Label-Ersatz nie – ausführlich unter Labels & Beschriftungen.

So testest du es

1. Sichtprüfung: Hat jedes Feld ein dauerhaft sichtbares Label? Stehen Format-Anforderungen vor dem Ausfüllen da?
2. Ausfüll-Probe: Formular komplett ausfüllen – weiß man bei jedem Feld noch, was es war (Platzhalter-Test)?
3. Pflichtfelder: als Text/erklärtes Symbol gekennzeichnet und technisch mit required versehen? (Validierung)

Verwandte Themen

• Labels & Beschriftungen – das Grundlagen-Muster
• 3.3.1 Fehlererkennung – wenn trotz Anleitung etwas schiefgeht
• fieldset & legend – Beschriftung für Gruppen