enum Valeurs : true,false

aria-atomic

Indique si les technologies d'assistance doivent annoncer l'intégralité d'une région live modifiée, ou seulement la partie qui a changé.

Description

aria-atomic s’utilise dans les régions live (aria-live) :

  • false (défaut) — seul le nœud modifié est annoncé
  • true — toute la région est relue à chaque modification, même si seule une partie a changé

Syntaxe

<div aria-live="polite" aria-atomic="true">
  <span>Heure : </span><span id="heure">14:30</span>
</div>

Avec aria-atomic="true", la mise à jour de l’heure annoncera “Heure : 14:31” (texte complet). Sans, seul “14:31” serait lu.

Exemples

Horloge en temps réel :

<p aria-live="polite" aria-atomic="true">
  Il est <time id="clock">14:30:00</time>
</p>

Score dans un jeu :

<div aria-live="polite" aria-atomic="true">
  Score : <span id="score">0</span> points
</div>

Notes

Quand utiliser true : quand le contexte est important pour comprendre la valeur mise à jour. “14:31” seul manque de contexte ; “Il est 14:31” est complet.

Quand utiliser false (défaut) : pour les listes où seul le nouvel élément ajouté importe, ou les logs où chaque ligne est autonome.

Rôles qui incluent aria-atomic="true" : role="alert" et role="status" ont aria-atomic="true" implicitement.

Support navigateurs