Barrierefreie Formulare sind ein zentrales Element der digitalen Teilhabe. Schlecht gestaltete Formulare stellen häufig Barrieren dar – etwa durch unklare Beschriftungen oder fehlende Fehlermeldungen.
Technische Anforderungen:
Labels für alle Eingabefelder (
<label for="id">
)Gruppierung zusammengehöriger Felder (
<fieldset>
,<legend>
)Fehlermarkierung und -beschreibung (ARIA-live)
Pflichtfelder klar kennzeichnen (
required="true"
oderaria-required="true"
)Ausreichende Kontrastverhältnisse
Tastaturbedienbarkeit (auch mit logischer Tab-Reihenfolge)
Validierung und Fehlermeldungen:
Sofortige Rückmeldung bei Eingaben
Klare Fehlerbeschreibungen
Position der Fehler markieren
Erhaltung eingegebener Daten
Korrekturmöglichkeiten aufzeigen
Die WCAG-Richtlinien definieren spezifische Erfolgskriterien für Formulare (3.3.1 bis 3.3.6), deren Einhaltung regelmäßig geprüft werden sollte.