Mehrstufige Formulare barrierefrei nach BFSG: Lead-Strecken ohne Abbrueche
Mehrstufige Formulare sollen Reibung senken, fuehren in der Praxis aber oft zum Gegenteil: Fokus springt, Fortschritt ist unklar, Pflichtfelder bleiben unsichtbar und nach einem Fehler ist der ganze Schritt weg. Dann verliert die Seite nicht nur BFSG-Punkte, sondern direkt Anfragen.
Wo diese Formulare Umsatz entscheiden
- Angebots- und Demo-Anfragen im B2B-Vertrieb
- Versicherungs-, Finanz- oder Vergleichsformulare
- Terminbuchung mit Vorqualifizierung
- Checkout-Strecken mit Adresse, Versand und Zahlung
- Self-Service-Aufnahmen fuer Wartung, Support oder Retoure
Die typischen Accessibility-Fehler
- Schritte ohne echte Ueberschrift: Nutzer wissen nicht, wo sie gerade sind.
- Fortschrittsanzeige nur visuell: Ein Balken allein hilft Screenreader-Nutzern nicht.
- Verlust von Eingaben: Beim Zurueckgehen oder nach einem Fehler ist der Inhalt weg.
- Weiter-Button ohne Erklaerung: Nutzer erfahren nicht, warum sie nicht zum naechsten Schritt kommen.
- Fehler nur oben in einem Block: Das betroffene Feld bleibt unklar.
So baut man einen sauberen Step-by-Step-Flow
| Baustein | Gute Umsetzung |
|---|---|
| Schrittkennung | Eindeutige H1 oder H2 plus Text wie "Schritt 2 von 4" |
| Navigation | Zurueck- und Weiter-Buttons klar beschriftet, tastaturbedienbar |
| Validierung | Fehler direkt am Feld und zusaetzlich in einer Uebersicht |
| Datenspeicherung | Bereits eingegebene Werte bleiben beim Wechsel erhalten |
| Mobilansicht | Kein abgeschnittener Footer, keine verdeckten Buttons |
| Statuswechsel | Screenreader erhalten Rueckmeldung, wenn ein neuer Schritt geladen wurde |
Ein sinnvoller Testablauf
- Kompletten Flow nur mit Tastatur ausfuellen.
- In jedem Schritt absichtlich Fehler ausloesen.
- Zwischen Vor und Zurueck wechseln und auf Datenverlust pruefen.
- Mobil mit Zoom testen, ob Buttons und Fortschritt sichtbar bleiben.
- Screenreader oder Vorlesefunktion nutzen, um Statuswechsel mitzuhoeren.
Warum Teams diese Huerde unterschaetzen
Viele Form-Wizards wirken im Design-Prototyp sauber, werden aber im echten Browser mit Validierung, Session-Handling und Drittkomponenten fragil. Besonders haeufig brechen Cookie-Banner, Sticky-Footer oder Chat-Widgets genau die Buttons, die fuer Schrittwechsel noetig sind.
Fazit
Mehrstufige Formulare sind oft der eigentliche Verkaufskanal. Wer sie BFSG-konform baut, reduziert Lead-Verlust, erhoeht die Abschlussquote und erspart sich Support-Aufraeumarbeit im Vertrieb.
Lead- und Checkout-Strecken kostenlos pruefen
Starte mit einem BFSG-Scan und finde die Form-Huerden, die Anfragen oder Kaeufe heute abbrechen lassen.
Jetzt kostenlosen Formular-Check starten