Scénario 6 / 8

role="alert"

Un message d'erreur affiché dans le DOM n'est pas automatiquement annoncé. role="alert" déclenche l'annonce immédiatement, sans déplacer le focus.

Annonce d'un message d'erreur

HTML
<div id="msg">Erreur : champ obligatoire</div>

Rendu visuel

Simulation lecteur d'écran
Cette simulation est une approximation pédagogique. Elle ne reproduit pas le comportement exact de NVDA, JAWS ou VoiceOver. Pour tester réellement, installez NVDA (gratuit, Windows).

Aucune annonce — aucun élément significatif détecté.

Un message inséré dans le DOM n'est pas automatiquement annoncé par le lecteur d'écran.

La lettre de l'Atelier A11Y

Ressources pédagogiques, critères RGAA commentés et retours de terrain : une lettre mensuelle pour progresser sur l'accessibilité numérique, sans jargon.

  • Nouveaux articles et ressources pédagogiques
  • Critères RGAA décortiqués avec des exemples concrets
  • Bonnes pratiques et retours d'expérience terrain
S'abonner à la newsletter (s'ouvre dans un nouvel onglet)

Gratuit. Désabonnement possible à tout moment.