Steps
Schritte
Schritte zeigen den Platz einer Person in einem kurzen Prozess. Der Prozess hat eine feste Reihenfolge und ein Ende.
Ein echtes Beispiel
Ein Registrierungsprozess zeigt Company, Owners, Documents und Review. Wenn man zurückgeht, bleiben die früheren Antworten erhalten.
Hauptteile
- 01Current location
- 02Destination labels
- 03Focus order
- 04Responsive behavior
Verwenden Sie es, wenn
Verwenden Sie es, wenn die Menschen ihren Platz, die verbleibende Arbeit und einen sicheren Weg zurück sehen müssen.
Nutze es nicht, wenn
Denke dir keine Schritte aus, erzwinge nicht einen einzigen Pfad durch viele Verzweigungen und blockiere nützliche Bewegungen.
In Code verwendeter Name
ordered step state + current step Vor dem Ausliefern
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Schritte (Steps). User context: Ein Registrierungsprozess zeigt Company, Owners, Documents und Review. Wenn man zurückgeht, bleiben die früheren Antworten erhalten. Recommended pattern: Schritte (Steps). Why it fits: Verwenden Sie es, wenn die Menschen ihren Platz, die verbleibende Arbeit und einen sicheren Weg zurück sehen müssen. Do not use it when: Denke dir keine Schritte aus, erzwinge nicht einen einzigen Pfad durch viele Verzweigungen und blockiere nützliche Bewegungen. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Kein einziger offizieller Standard kontrolliert den gesamten Begriff. Seine Bedeutung kann sich zwischen Teams, Plattformen oder Frameworks ändern. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Schritte (Steps) is used now. Definition: Schritte zeigen den Platz einer Person in einem kurzen Prozess. Der Prozess hat eine feste Reihenfolge und ein Ende. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.