Status Message
Messaggio di stato
Un messaggio di stato segnala un risultato, un progresso o un'attesa senza aprire una finestra di dialogo o distogliere l'attenzione.
Un esempio vero
Dopo che un acquirente utilizza il codice JULY15, il focus rimane dove è. Uno stato dice: “Sconto applicato; totale NT$1.530.” Un codice errato mostra un errore collegato al suo campo. Un fallimento del pagamento che richiede una scelta apre un dialogo e sposta invece il focus.
Parti principali
- 01Operazione di attivazione
- 02Contenitore persistente dei messaggi
- 03Annuncio non interrompente
Usalo quando
Usalo per un aggiornamento che le persone dovrebbero notare senza interrompere ciò che stanno facendo o spostare il focus.
Non usarlo quando
Non fare affidamento solo su un toast che scompare rapidamente. Se un messaggio richiede azione immediata, sposta l'attenzione al luogo in cui le persone possono agire.
Nome usato nel codice
role=status or an appropriate aria-live region without focus transfer Prima di spedire
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 Messaggio di stato (Status Message). User context: Dopo che un acquirente utilizza il codice JULY15, il focus rimane dove è. Uno stato dice: “Sconto applicato; totale NT$1.530.” Un codice errato mostra un errore collegato al suo campo. Un fallimento del pagamento che richiede una scelta apre un dialogo e sposta invece il focus. Recommended pattern: Messaggio di stato (Status Message). Why it fits: Usalo per un aggiornamento che le persone dovrebbero notare senza interrompere ciò che stanno facendo o spostare il focus. Do not use it when: Non fare affidamento solo su un toast che scompare rapidamente. Se un messaggio richiede azione immediata, sposta l'attenzione al luogo in cui le persone possono agire. 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): Lo standard copre solo l'ambito elencato. Non sceglie lo stile visivo, la decisione sul prodotto o l'esempio di vocabolario. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Controlla questa richiesta
Review how Messaggio di stato (Status Message) is used now. Definition: Un messaggio di stato segnala un risultato, un progresso o un'attesa senza aprire una finestra di dialogo o distogliere l'attenzione. 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.