Manche Aufgaben passen nicht auf eine einzige Seite. Eine Anmeldung mit Adresse, Zahlung und Bestätigung, ein Konfigurator, ein Angebots-Assistent. Solche Strecken teilt man in mehrere Schritte auf, einen Wizard oder Stepper, damit niemand vor einer Wand aus Feldern steht.
Die Aufteilung hilft den meisten Menschen. Sie schafft aber eine neue Bruchstelle genau dort, wo ein einzelnes Formular noch funktioniert, nämlich beim Wechsel von Schritt zu Schritt. Wer per Tastatur oder mit einem Screenreader unterwegs ist, verliert hier schnell die Orientierung. Die barrierefreien Grundlagen am Einzelfeld gelten weiter, hier geht es um das, was durch die Schritte zusätzlich dazukommt.
Warum mehrere Schritte eine neue Hürde sind
Bei einem normalen Formular sieht der Nutzer alles auf einen Blick. Beim Mehrschritt-Formular ist immer nur ein Ausschnitt da, der Rest steckt hinter „Weiter". Für sehende Maus-Nutzer ist das selten ein Problem, das Auge erfasst Fortschrittsbalken und Knöpfe sofort.
Eine Vorlese-Software arbeitet anders. Sie liest, was im Hintergrund sauber benannt ist, und nichts davon, was bloß optisch zusammenhängt. Springt nach dem Klick auf „Weiter" der neue Schritt einfach ins Bild, bekommt die Software das oft nicht mit. Sie liest weiter an der alten Stelle vor. Der Nutzer hört Felder, die längst weg sind.
Du musst dafür nicht selbst an der Technik schrauben. Es reicht, die fünf Merkmale zu kennen und sie an Deinem Assistenten zu prüfen oder Deiner Agentur als klare Anforderung mitzugeben.
Wo stehe ich, wie weit ist es noch
Jeder Schritt braucht eine Anzeige, die den Stand verrät. „Schritt 2 von 4" sagt knapp, wo man steht und wie viel noch kommt. Das beruhigt und verhindert, dass jemand mitten in einer langen Strecke entnervt abbricht.
Wichtig ist, dass diese Anzeige nicht nur als Grafik existiert. Eine Reihe eingefärbter Punkte sieht hübsch aus, sagt einem blinden Nutzer aber nichts. Der aktuelle Schritt gehört auch in Worten benannt, damit eine Vorlese-Software ihn ansagen kann.
Im Schnelltest achtest Du darauf, ob der aktive Schritt sich allein durch Farbe vom Rest abhebt. Ein gut gebauter Stepper markiert den aktuellen Punkt zusätzlich durch Form oder eine deutliche Beschriftung, sodass er auch ohne Farbsehen erkennbar bleibt. Mehr dazu, warum Farbe nie allein eine Information tragen darf, liest Du in den Grundlagen der Barrierefreiheit.
Den Fokus beim Schrittwechsel mitnehmen
Das ist der wichtigste Punkt bei einem Wizard. Wenn der nächste Schritt erscheint, muss die Tastatur-Markierung mitwandern. Sie soll am Anfang des neuen Schritts landen, etwa auf dessen Überschrift oder dem ersten Feld.
Geschieht das nicht, sitzt der Fokus weiter unsichtbar am alten „Weiter"-Knopf, der jetzt gar nicht mehr da ist. Der Tastatur-Nutzer drückt Tab und landet irgendwo, eine Vorlese-Software bleibt stumm oder liest den alten Schritt. Genau hier verlieren Mehrschritt-Formulare die meisten Menschen.
Ein sauber gebauter Assistent setzt den Fokus aktiv auf den neuen Schritt und sagt dessen Titel an, sobald er erscheint. So weiß der Nutzer ohne Blick auf den Bildschirm, dass es weiterging und worum es jetzt geht. Den Test machst Du gleich unten selbst.
Zurück gehen ohne Datenverlust
Jeder Wizard braucht einen „Zurück"-Knopf, und der muss das Eingetippte bewahren. Wer auf Schritt 3 merkt, dass im Namen ein Tippfehler steckt, geht einen Schritt zurück und findet seine Eingaben unverändert vor. Alles andere ist eine Zumutung.
Der häufigste Fehler steckt im „Zurück" des Browsers. Viele Assistenten leeren beim Zurückspringen die Felder oder werfen den Nutzer ganz an den Anfang. Wer langsamer tippt, eine Eingabehilfe nutzt oder zwischendurch unterbrochen wird, fängt dann jedes Mal von vorne an und gibt irgendwann auf.
Prüfen kannst Du das in zwei Minuten. Füll zwei Schritte aus, geh einen zurück und schau, ob Deine Angaben noch stehen. Verschwinden sie, ist der Assistent für viele Menschen unbrauchbar, lange bevor sie den Absenden-Knopf erreichen.
Fehler je Schritt klären, nicht erst am Ende
Bei einer langen Strecke darf ein Fehler nicht bis zum Schluss warten. Wer erst nach dem letzten Schritt erfährt, dass auf Seite 1 die E-Mail-Adresse fehlte, muss sich mühsam zurückarbeiten. Jeder Schritt prüft darum seine eigenen Felder, bevor es weitergeht.
Schlägt die Prüfung an, gehört der Hinweis nah ans betroffene Feld und in klaren Worten. „Bitte gib eine gültige E-Mail-Adresse mit @ ein" hilft. Das blanke „Eingabe ungültig" lässt den Nutzer raten. Die Tastatur-Markierung soll dabei direkt zum fehlerhaften Feld springen, damit niemand es suchen muss.
Die Regeln für gute Fehlertexte sind dieselben wie am Einzelformular, nur eben pro Schritt angewendet. Wie eine sprechende Fehlermeldung am einzelnen Feld aussieht, steht ausführlich im Beitrag zu barrierefreien Formularen. Eine mehrstufige barrierefreie Terminbuchung zeigt denselben Ablauf an einem konkreten Beispiel.
Der Selbsttest mit der Tabulator-Taste
Den besten Test machst Du selbst, ganz ohne Werkzeug. Leg die Maus zur Seite und nimm allein die Tabulator-Taste. Damit arbeitest Du Dich von Feld zu Feld und über „Weiter" in den nächsten Schritt.
Achte beim Wechsel vor allem auf eine Sache. Landet die sichtbare Markierung am Anfang des neuen Schritts, oder verschwindet sie ins Nichts? Bleibt sie hängen, hast Du die wichtigste Hürde gefunden. Geh anschließend einen Schritt zurück und sieh nach, ob Deine Eingaben noch da sind.
Wer es genauer wissen will, schaltet zusätzlich eine Vorlese-Software ein und hört zu, ob jeder neue Schritt mit seinem Titel angesagt wird. Schon der reine Tastatur-Durchlauf deckt aber die meisten Probleme auf, und er kostet Dich keine fünf Minuten.
Fazit
Ein Mehrschritt-Formular wird dort barrierefrei, wo der Schrittwechsel sauber gelöst ist. Fünf sichtbare Merkmale tragen den Assistenten bis zum Ende. Dazu gehören ein angesagter Fortschritt, ein Fokus, der mitwandert, ein „Zurück" ohne Datenverlust, eine Fehlerprüfung je Schritt und volle Bedienbarkeit mit der Tastatur.
Nimm Dir Deinen längsten Assistenten vor und prüfe heute nur den Fokus beim Wechsel. Dieser eine Blick zeigt Dir, ob Deine Strecke für viele Menschen überhaupt bis zum letzten Schritt trägt. Wer hier sauber arbeitet, gewinnt Abschlüsse, die sonst auf halber Strecke verloren gehen.