Live Regions
HTML / CSS 🟡 MidDefinition
Zones de page qui annoncent automatiquement leurs changements aux lecteurs d'écran via aria-live. 'polite' attend une pause, 'assertive' interrompt immédiatement.
Analogie
Comme un fil d'actualités en direct à la radio : les infos urgentes interrompent le programme, les autres attendent la pause.
Exemple de code
<!-- Notifications non-urgentes -->
<div aria-live="polite">3 résultats trouvés</div>
<!-- Alertes urgentes -->
<div role="alert">Erreur : email invalide</div>
<!-- Équivalent à aria-live="assertive" -->
Cas d'usage
Annoncer les résultats de recherche dynamiques, messages d'erreur ou confirmations sans rechargement de page.
Anti-pattern
Mettre aria-live='assertive' partout, ce qui bombarde l'utilisateur d'interruptions constantes.