Stepper
Fortschritt für mehrstufige Formulare: klickbare Schritte mit aria-current, Fokus auf der neuen Überschrift und useWizard für Validierung pro Schritt. Waagerecht oder senkrecht.
Assistent mit Validierung
useWizard prüft beim Vorwärtsgehen jeden Schritt über validate. Schlägt die Prüfung fehl, bleibt der aktuelle Schritt stehen; der Rückweg ist immer frei.
Die Adresse wird nur für die Anmeldung genutzt.
Senkrechte Ausrichtung
orientation="vertical" stellt die Schritte untereinander; die Verbindungslinien verbinden die Marker.
Playground
Ausrichtung umschalten und Schritte vergleichen.
Barrierefreiheit
Der Stepper ist eine benannte Liste. Der aktive Schritt trägt aria-current="step"; jeder Schritt ist ein Button mit vollständigem Namen („Schritt 2 von 3: Profil“). Beim Wechsel wandert der Fokus auf die neue Überschrift.
Abgeschlossene Schritte werden zusätzlich als „Abgeschlossen“ vorgelesen. Die Validierung blockiert nur den Vorwärtsweg, nie den Abbruch oder das Zurückspringen.