Qu'est-ce que Générateur de régions ARIA live ?
Une region ARIA live est un element HTML que les lecteurs d'ecran surveillent pour detecter les modifications de contenu et les annoncer automatiquement a l'utilisateur. Cela permet aux mises a jour dynamiques de contenu - comme les erreurs de validation de formulaire, les messages de statut ou les messages de chat - d'etre lues a haute voix sans deplacer le focus clavier. L'attribut aria-live controle l'urgence des annonces (polite ou assertive).
Réponse rapide
Creez une region ARIA live pour annoncer les mises a jour de contenu dynamique aux utilisateurs de lecteurs d'ecran. Utilisez role=status (polite) pour les mises a jour informatives, role=alert (assertive) pour les alertes critiques. La region doit exister dans le DOM au chargement de la page et le contenu doit etre mis a jour via textContent, pas innerHTML.
Last updated: 2026-05-28
Limites
- Les regions ARIA live fonctionnent uniquement avec les lecteurs d'ecran qui les prennent en charge. Les utilisateurs naviguant visuellement sans lecteur d'ecran ne voient aucune indication visuelle des mises a jour.
- aria-live=assertive interrompt les lecteurs d'ecran immediatement, ce qui peut etre perturbant. Utilisez-le avec parcimonie.
- Les mises a jour textContent frequentes ou rapides peuvent entrainer une file d'attente des annonces. Limitez les mises a jour a moins d'une par seconde.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Comment utiliser cet outil
- Choisissez le type de region en fonction de l'urgence des mises a jour - status pour les informations, alert pour les urgentes, log pour les mises a jour sequentielles.
- Configurez aria-atomic (lire toute la region ou seulement les changements) et aria-relevant (quels types de modifications DOM declenchent des annonces).
- Copiez l'extrait HTML avec ou sans l'assistant JavaScript de mise a jour.
- Placez la region live dans le DOM au chargement de la page pour que les lecteurs d'ecran puissent l'enregistrer.
A quoi il sert
- Ajouter une region de statut pour le feedback de validation de formulaire que les lecteurs d'ecran annoncent sans deplacer le focus.
- Creer une region d'alerte pour les messages d'erreur critiques qui interrompent immediatement l'utilisateur.
- Construire un journal de messages de chat ou les nouveaux messages sont annonces dans l'ordre de leur apparition.