aria-atomic

Boolean

Controls how much of a live region assistive technologies present when it changes: 'true' re-announces the whole region, 'false' (the default) announces only the nodes that changed. Set it to true when the changed value only makes sense in full context, like 'Page 3 of 8'. It works alongside aria-live and aria-relevant to shape announcements.

aria-atomic="…"

Values

true: Assistive tech presents the entire live region on any change.
false (default): Assistive tech presents only the changed nodes.

Used on

Any HTML element, aria-atomic is a global property.

Associated roles

Every ARIA role. As a global property, aria-atomic is supported on all roles.

Example

aria-atomic="…"

<div aria-live="polite" aria-atomic="true">Page 3 of 8</div>

References

WAI-ARIA 1.2 specification
MDN Web Docs