Live Region
Regione Live
Una regione live informa la tecnologia assistiva quando cambia un testo importante della pagina. Può annunciare l'aggiornamento senza spostare il focus.
Un altro esempio
Un analista aggiorna un report e il focus rimane su “Aggiorna”. Una live region cortese dice: “Report aggiornato, 18 righe.” Un aggiornamento fallito utilizza un avviso assertivo solo quando la persona deve agire immediatamente.
Parti principali
- 01Contenitore stabile
- 02Impostazione di cortesia
- 03Messaggio modificato
Usalo quando
Usalo per aggiornamenti che sono importanti per il compito corrente ma avvengono dopo un'azione. Scegli il livello aria-live meno intrusivo.
Non usarlo quando
Non annunciare ogni pressione di tasto, tic del timer o cambio visivo. Troppi messaggi rendono la pagina difficile da usare.
Nome usato nel codice
aria-live=polite/assertive, role=status, or role=alert 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 Regione Live (Live Region). User context: Un analista aggiorna un report e il focus rimane su “Aggiorna”. Una live region cortese dice: “Report aggiornato, 18 righe.” Un aggiornamento fallito utilizza un avviso assertivo solo quando la persona deve agire immediatamente. Recommended pattern: Regione Live (Live Region). Why it fits: Usalo per aggiornamenti che sono importanti per il compito corrente ma avvengono dopo un'azione. Scegli il livello aria-live meno intrusivo. Do not use it when: Non annunciare ogni pressione di tasto, tic del timer o cambio visivo. Troppi messaggi rendono la pagina difficile da usare. 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 Regione Live (Live Region) is used now. Definition: Una regione live informa la tecnologia assistiva quando cambia un testo importante della pagina. Può annunciare l'aggiornamento senza spostare il focus. 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.