Formulare sind oft der wichtigste Schritt auf einer Website — Kontakt, Anfrage, Kauf. Sind sie nicht barrierefrei, brechen Nutzer ab. Die zwei häufigsten Probleme: fehlende Labels und unklare Fehlermeldungen.
Worauf es ankommt
- Labels (WCAG 1.3.1 / 3.3.2): Jedes Feld hat ein sichtbares, mit dem Feld verknüpftes Label. Ein Platzhalter ist kein Ersatz — er verschwindet beim Tippen.
- Fehler (3.3.1 / 3.3.3): Fehler werden klar benannt, dem Feld zugeordnet und mit einem Lösungshinweis erklärt — nicht nur rot eingefärbt.
So prüfst du es
- Klick auf das Label: Springt der Cursor ins zugehörige Feld? Dann ist es korrekt verknüpft.
- Lass absichtlich Pflichtfelder leer: Wird der Fehler benannt und erklärt — und findet ihn ein Screenreader?
- Tabbe durchs Formular: Ist die Reihenfolge logisch?
Häufige Fehler
- Nur Platzhaltertext statt echtem Label.
- Fehlermeldung nur als Farbe, ohne Text.
- Pflichtfelder nur per Farbe markiert.
Kurz gesagt
Sichtbares Label pro Feld, klare Fehlermeldung mit Lösung — so füllen alle dein Formular sicher aus.
Du willst wissen, wo deine Seite steht? Im Barrierefreiheits-Audit prüfe ich genau das nach WCAG 2.2 AA.