Ruoli status, alert e log

Alcuni ruoli ARIA trasformano automaticamente un elemento in una regione live, impostando un livello di cortesia appropriato e consentendole di scrivere meno markup.

Il ruolo status contrassegna una regione che si aggiorna in modo discreto. È perfetto per conferme poco invasive, come un messaggio che informa del salvataggio o della copia. 📋

Usare role status è una forma abbreviata di aria-live impostato su polite. Ottiene lo stesso comportamento con un'intenzione più chiara e semantica.

Il ruolo alert annuncia in modo assertivo non appena il suo contenuto appare. Lo usi quando qualcosa richiede attenzione immediata. ⚠️

Un alert si comporta come aria-live assertive più aria-atomic true. Interrompe la lettura e pronuncia l'intero testo come un unico messaggio.

Il ruolo log è adatto ai contenuti a cui vengono aggiunte nuove voci in ordine, come una conversazione o un feed delle attività. Le legge in modo discreto.

Un log indica che i messaggi precedenti sono importanti e che la sequenza è significativa, quindi le tecnologie assistive leggono le aggiunte nell'ordine in cui arrivano.

Scelga status per una conferma discreta e alert per un problema. Un badge di salvataggio è status; un errore che blocca il modulo è alert.

Usare troppo spesso il ruolo alert fa sì che tutto interrompa l'utente e risulti rumoroso. Lo riservi agli errori reali e agli avvisi urgenti.

Come per le live region grezze, un elemento con role status dovrebbe esistere prima che vi inserisca il testo, così lo screen reader lo sta già osservando.

Oltre a indicare il livello di cortesia, questi ruoli descrivono la natura della regione. Questa chiarezza semantica aiuta sia gli screen reader sia chi svilupperà il codice in seguito.

Ora sa che status è discreto, alert è deciso e log mantiene i flussi ordinati. Scelga il ruolo che corrisponde all'importanza dell'aggiornamento. ✅