Error Summary
résumé des erreurs
Un résumé des erreurs est une courte liste en haut d'un formulaire. Chaque élément explique une erreur et renvoie à son champ.
submit -> validate -> focus summary -> link each message to its invalid field#email · Entrez une adresse e-mail complète#password · Utilisez au moins 12 caractères.name@••••••••submit -> validate -> focus summary -> link each message to its invalid fieldA11YUn autre exemple
Un formulaire contient deux erreurs. Soumettre déplace le focus vers le résumé. Choisir Email déplace le focus vers le champ e-mail.
Parties principales
- 01Titre du résumé
- 02nombre d'erreurs
- 03élément d'erreur lié
- 04identifiant de champ
- 05Message de champ en ligne
- 06chemin de mise au point
Utilisez-le lorsque
Utilisez-le après qu’une tentative de soumission a trouvé plusieurs erreurs. Gardez un message en ligne à côté de chaque champ concerné.
Ne l'utilisez pas lorsque
Ne remplacez pas les messages de champ par une seule bannière vague. Ne supprimez pas les entrées valides d'une personne après un échec de validation.
Nom utilisé dans le code
submit -> validate -> focus summary -> link each message to its invalid field Avant d'expédier
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 résumé des erreurs (Error Summary). User context: Un formulaire contient deux erreurs. Soumettre déplace le focus vers le résumé. Choisir Email déplace le focus vers le champ e-mail. Recommended pattern: résumé des erreurs (Error Summary). Why it fits: Utilisez-le après qu’une tentative de soumission a trouvé plusieurs erreurs. Gardez un message en ligne à côté de chaque champ concerné. Do not use it when: Ne remplacez pas les messages de champ par une seule bannière vague. Ne supprimez pas les entrées valides d'une personne après un échec de validation. 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): C'est officiel pour cette source. D'autres plateformes ou équipes peuvent utiliser le terme d'une autre manière. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how résumé des erreurs (Error Summary) is used now. Definition: Un résumé des erreurs est une courte liste en haut d'un formulaire. Chaque élément explique une erreur et renvoie à son champ. 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.