Error Summary
Fehlerübersicht
Eine Fehlerzusammenfassung ist eine kurze Liste oben in einem Formular. Jeder Punkt erklärt einen Fehler und verlinkt auf das entsprechende Feld.
submit -> validate -> focus summary -> link each message to its invalid field#email · Geben Sie eine vollständige E-Mail-Adresse ein#password · Verwenden Sie mindestens 12 Zeichen.name@••••••••submit -> validate -> focus summary -> link each message to its invalid fieldA11YEin weiteres Beispiel
Ein Formular hat zwei Fehler. Absenden verschiebt den Fokus auf die Zusammenfassung. Die Auswahl von E-Mail verschiebt den Fokus auf das E-Mail-Feld.
Hauptteile
- 01Zusammenfassungsüberschrift
- 02Fehleranzahl
- 03Verknüpfter Fehlerposten
- 04Feldbezeichner
- 05Inline-Feldnachricht
- 06Fokuspfad
Verwenden Sie es, wenn
Verwenden Sie es, nachdem ein Einreichungsversuch mehrere Fehler gefunden hat. Platzieren Sie eine Inline-Nachricht neben jedem betroffenen Feld.
Nutze es nicht, wenn
Ersetzen Sie Feldnachrichten nicht durch ein vages Banner. Löschen Sie die gültigen Eingaben einer Person nicht, nachdem die Validierung fehlgeschlagen ist.
In Code verwendeter Name
submit -> validate -> focus summary -> link each message to its invalid field Vor dem Ausliefern
Give each field a label that code can read. Link hints and errors, and keep entered values. Check autofill, keyboard order, validation timing, submit states, failure recovery, zoom, and languages.
Outcome: Complete the task with Fehlerübersicht (Error Summary). User context: Ein Formular hat zwei Fehler. Absenden verschiebt den Fokus auf die Zusammenfassung. Die Auswahl von E-Mail verschiebt den Fokus auf das E-Mail-Feld. Recommended pattern: Fehlerübersicht (Error Summary). Why it fits: Verwenden Sie es, nachdem ein Einreichungsversuch mehrere Fehler gefunden hat. Platzieren Sie eine Inline-Nachricht neben jedem betroffenen Feld. Do not use it when: Ersetzen Sie Feldnachrichten nicht durch ein vages Banner. Löschen Sie die gültigen Eingaben einer Person nicht, nachdem die Validierung fehlgeschlagen ist. 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): Es ist offiziell für diese Quelle. Andere Plattformen oder Teams können den Begriff auf andere Weise verwenden. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Fehlerübersicht (Error Summary) is used now. Definition: Eine Fehlerzusammenfassung ist eine kurze Liste oben in einem Formular. Jeder Punkt erklärt einen Fehler und verlinkt auf das entsprechende Feld. Release checks: Give each field a label that code can read. Link hints and errors, and keep entered values. Check autofill, keyboard order, validation timing, submit states, failure recovery, zoom, and languages. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.