Bewährte Praktiken

Ihre Formulare barrierefrei machen

Beschriftungen, Fehlermeldungen, Tastaturnavigation: Formulare sind ein kritischer Punkt. So gelingen sie.

Formulare stehen im Zentrum der Nutzerwege, die zählen: Registrierung, Kontakt, Bezahlung. Ein nicht barrierefreies Formular blockiert unmittelbar eine Conversion.

Klare Beschriftungen

Jedes Feld muss eine eindeutige, programmatisch zugeordnete Beschriftung haben. Ein Platzhaltertext im Feld reicht nicht, da er bei der Eingabe verschwindet.

Verständliche Fehler

Eine Fehlermeldung muss angeben, welches Feld betroffen ist und wie zu korrigieren ist. Einen Fehler nie allein durch Farbe anzeigen: einen Text und, wenn möglich, ein Symbol hinzufügen.

Alles per Tastatur

Das Formular muss sich vollständig per Tastatur ausfüllen und absenden lassen, in einer logischen Reihenfolge, mit einem sichtbaren Fokus bei jedem Schritt.

Helfen, ohne Fallen zu stellen

Keine bereits angegebene Information erneut abfragen, ablaufende Zeitvorgaben vermeiden und das Absenden klar bestätigen. Diese Prinzipien, von WCAG 2.2 verstärkt, verbessern das Erlebnis für alle.