Error Summary
Riepilogo degli errori
Un riepilogo degli errori è un elenco breve in cima a un modulo. Ogni elemento spiega un errore e collega al campo corrispondente.
submit -> validate -> focus summary -> link each message to its invalid field#email · Inserire un indirizzo email completo#password · Usa almeno 12 caratteriname@••••••••submit -> validate -> focus summary -> link each message to its invalid fieldA11YUn altro esempio
Un modulo ha due errori. Invia sposta il focus sul riepilogo. Scegliere Email sposta il focus sul campo email.
Parti principali
- 01Intestazione riepilogo
- 02conteggio degli errori
- 03elemento di errore collegato
- 04Identificatore del campo
- 05Messaggio del campo in linea
- 06Percorso del focus
Usalo quando
Usalo dopo che un tentativo di invio rileva diversi errori. Mantieni un messaggio in linea accanto a ogni campo interessato.
Non usarlo quando
Non sostituire i messaggi dei campi con un banner vago. Non cancellare l'input valido della persona dopo un fallimento della convalida.
Nome usato nel codice
submit -> validate -> focus summary -> link each message to its invalid field Prima di spedire
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 Riepilogo degli errori (Error Summary). User context: Un modulo ha due errori. Invia sposta il focus sul riepilogo. Scegliere Email sposta il focus sul campo email. Recommended pattern: Riepilogo degli errori (Error Summary). Why it fits: Usalo dopo che un tentativo di invio rileva diversi errori. Mantieni un messaggio in linea accanto a ogni campo interessato. Do not use it when: Non sostituire i messaggi dei campi con un banner vago. Non cancellare l'input valido della persona dopo un fallimento della convalida. 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): È ufficiale per quella fonte. Altre piattaforme o team potrebbero usare il termine in modo diverso. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Controlla questa richiesta
Review how Riepilogo degli errori (Error Summary) is used now. Definition: Un riepilogo degli errori è un elenco breve in cima a un modulo. Ogni elemento spiega un errore e collega al campo corrispondente. 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.