3.3.2 Beschriftungen oder Anweisungen

1. Was ist das Ziel dieses Kriteriums?

Formulare sind das Herzstück des modernen Webs – von der Newsletter-Anmeldung über Online-Banking bis zum Kontaktformular. Aber was, wenn du vor einem Eingabefeld stehst und nicht weißt, was erwartet wird? Menschen mit kognitiven Einschränkungen, Lernschwierigkeiten oder auch einfach Menschen in stressigen Situationen sind dann schnell überfordert.

Das Ziel von Erfolgskriterium 3.3.2 der WCAG ist klar: Jedes Eingabefeld braucht eine verständliche Beschriftung oder Anweisung. Du sollst sofort wissen, welche Informationen erwartet werden – bevor du mit der Eingabe beginnst und bevor Fehler passieren.

2. Was fordert das Erfolgskriterium genau?

Ganz konkret geht es um alle Stellen einer Website, an denen Eingaben nötig sind. Das bedeutet:

Jedes Eingabefeld wird beschriftet oder erklärt: Textfelder, Auswahllisten, Checkboxen, Radiobuttons – alles braucht eine klare Kennzeichnung, die sagt, was eingegeben werden soll.

Besondere Formate werden erläutert: Wenn ein Datum im Format TT.MM.JJJJ erwartet wird oder eine Telefonnummer mit Ländervorwahl, muss das vorab kommuniziert werden.

Pflichtfelder sind erkennbar: Du musst wissen, welche Felder du ausfüllen musst und welche optional sind.

Auswahlmöglichkeiten haben verständliche Beschriftungen: Bei Radiobuttons oder Checkboxen muss klar sein, wofür jede Option steht.

Wichtig: Es geht hier nicht um die technische Verknüpfung von Beschriftungen mit Feldern (das regelt Info und Beziehungen) oder um programmatische Namen für Screenreader (das ist Name, Rolle, Wert) – sondern darum, dass alle die benötigten Informationen sichtbar bekommen.

Das Kriterium verlangt dabei nicht, jedes Feld mit langen Erklärungen zu überfrachten. Zu viel Text kann genauso hinderlich sein wie zu wenig.

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du füllst ein Formular aus, aber bei jedem Feld musst du raten, was gemeint ist. Das ist frustrierend für alle – für Menschen mit Einschränkungen kann es unmöglich werden.

Klare Beschriftungen und Anweisungen schaffen Barrierefreiheit, weil sie:

• Menschen mit kognitiven Einschränkungen oder Lernschwierigkeiten helfen, Formulare erfolgreich auszufüllen
• Sprachbarrieren durch eindeutige Beschreibungen und Beispiele reduzieren
• Stress und Verwirrung verringern, die zu Eingabefehlern führen
• Menschen frustrierende Fehlermeldungen ersparen
• Zeit sparen, weil weniger Korrekturen nötig sind
• Durch verständliche Kommunikation das Vertrauen in die Website stärken

Und nicht zuletzt: Sie verbessern die Nutzerfreundlichkeit für alle – auch für Menschen ohne Einschränkungen, die schnell und fehlerfrei durch Formulare kommen möchten.

4. So setzt du das Kriterium erfolgreich um

Die gute Nachricht: Gute Beschriftungen und Anweisungen sind meist eine Frage des Textes, nicht der Technik. Hier dein Fahrplan für nutzerfreundliche Formulare:

Grundregeln für Beschriftungen:

• Verwende kurze, prägnante Beschriftungen, die sofort klar machen, was gefragt ist
• Platziere Beschriftungen direkt über oder neben dem zugehörigen Eingabefeld
• Vermeide Fachbegriffe – schreib so, wie deine Zielgruppe spricht
• Kennzeichne Pflichtfelder deutlich, z. B. mit dem Wort „Pflichtfeld“ oder mit einem Sternchen, das am Formularanfang erklärt wird

Anweisungen und Beispiele:

• Gib das erwartete Format vor: „Datum (TT.MM.JJJJ)“ statt nur „Datum“
• Nutze Beispiele: „Telefonnummer (z. B. +49 30 1234567)“
• Erkläre besondere Anforderungen: „Passwort (mindestens 8 Zeichen, davon 1 Großbuchstabe)“
• Verwende Platzhaltertexte höchstens ergänzend, nie als Ersatz für Beschriftungen – sie verschwinden beim Tippen und haben oft zu wenig Kontrast

Bewährte Tipps aus der Praxis:

• Gruppiere zusammengehörige Felder mit fieldset und legend (z. B. Adressdaten)
• Bei komplexeren Formularen: Erkläre den Ablauf vorab in einem einleitenden Text
• Blende zusätzliche Felder schrittweise ein, wenn sie relevant werden
• Teste deine Formulare mit echten Nutzer:innen – idealerweise auch mit Menschen mit Behinderungen

Werkzeuge und Techniken:

• Verknüpfe label-Elemente über das for-Attribut oder indem du das Eingabefeld ins label einschließt
• Nutze aria-describedby für ausführlichere Erklärungen, die zusätzlich sichtbar sind
• Setze das required-Attribut immer zusammen mit einer sichtbaren Kennzeichnung ein
• Sorge dafür, dass der sichtbare Text im zugänglichen Namen enthalten ist (siehe Beschriftung im Namen)

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

Auch bei Erfolgskriterium 3.3.2 gilt: Barrierefreiheit ist kein Selbstzweck – sondern bringt handfeste Vorteile für dein Business.

1. Weniger Abbrüche

Schlechte Beschriftungen führen zu Abbrüchen. Wer nicht versteht, was erwartet wird, verlässt die Seite frustriert. Klare Anweisungen reduzieren Formularabbrüche und erhöhen die Erfolgsquote bei Anmeldungen, Bestellungen oder Kontaktanfragen.

2. Support-Aufwand reduzieren

Verwirrende Formulare erzeugen Supportanfragen. Wenn Menschen nicht wissen, wie sie Felder ausfüllen sollen, wenden sie sich an deinen Kundenservice. Gute Beschriftungen und Anweisungen reduzieren solche Anfragen und entlasten dein Team.

3. Datenqualität verbessern

Klare Vorgaben führen zu besseren Daten. Wer von Anfang an weiß, welches Format erwartet wird, macht weniger Eingabefehler. Das bedeutet weniger fehlerhafte Datensätze, weniger Nacharbeit und verlässlichere Kundendaten.

Und nicht zuletzt die rechtliche Seite: Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) für viele digitale Angebote für Verbraucher:innen, etwa Online-Shops und Bankdienstleistungen. Technischer Maßstab ist die EN 301 549, die für Webinhalte auf WCAG 2.1 Level AA verweist – 3.3.2 gehört dazu. Öffentliche Stellen sind über die BITV 2.0 bzw. Landesrecht ohnehin verpflichtet. Dieser Abschnitt informiert allgemein und ersetzt keine Rechtsberatung.

6. Das Erfolgskriterium im Wortlaut des W3C

Success Criterion 3.3.2 Labels or Instructions (Level A)

Labels or instructions are provided when content requires user input.

Kurz gesagt: Wo Inhalte eine Eingabe verlangen, gibt es Beschriftungen oder Anweisungen, die erklären, was einzugeben ist.