Error State
état d'erreur
Un état d'erreur reste visible lorsqu'une action ou une page échoue. Il explique le problème spécifique et fournit un moyen sûr de récupérer.
Your local edits are safe. Check the connection and try the sync again.
Un vrai exemple
Un formulaire a un numéro de compte incorrect et le service expire également. Le champ indique comment corriger le numéro, tandis que l'erreur du service garde toutes les entrées et propose Réessayer. Blâmer l'utilisateur ou supprimer son travail n'est pas une récupération.
Parties principales
- 01échec spécifique
- 02contexte affecté
- 03Action de récupération
Utilisez-le lorsque
Utilisez ce terme lorsqu'un échec bloque la tâche. L'utilisateur a besoin d'une raison claire ou d'un moyen de se rétablir.
Ne l'utilisez pas lorsque
N'utilisez pas une erreur vague pour les problèmes d'entrée, de permission, de réseau et de serveur qui nécessitent des correctifs différents.
Nom utilisé dans le code
failure type → preserved context + recovery Avant d'expédier
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 état d'erreur (Error State). User context: Un formulaire a un numéro de compte incorrect et le service expire également. Le champ indique comment corriger le numéro, tandis que l'erreur du service garde toutes les entrées et propose Réessayer. Blâmer l'utilisateur ou supprimer son travail n'est pas une récupération. Recommended pattern: état d'erreur (Error State). Why it fits: Utilisez ce terme lorsqu'un échec bloque la tâche. L'utilisateur a besoin d'une raison claire ou d'un moyen de se rétablir. Do not use it when: N'utilisez pas une erreur vague pour les problèmes d'entrée, de permission, de réseau et de serveur qui nécessitent des correctifs différents. 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): Aucun standard officiel unique ne régit l’ensemble du terme. Sa signification peut varier selon les équipes, plateformes ou frameworks. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how état d'erreur (Error State) is used now. Definition: Un état d'erreur reste visible lorsqu'une action ou une page échoue. Il explique le problème spécifique et fournit un moyen sûr de récupérer. 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.