Zum Inhalt springen

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"oder aria-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.