The ARIA Feature That Announces a Cart Update Without a Page Reload
An item is added to a cart via an async request — no page reload, no focus change, just a small "3 items added to cart" message appearing on screen. A sighted user notices the change visually; a screen-reader user needs something else to catch it.
Which ARIA feature is designed for exactly this?
The correct answer is "A live region (aria-live)."
Live regions (aria-live="polite" or "assertive") announce dynamic
content changes that happen without a page reload — a form validation
error appearing after submit, a "3 items added to cart" confirmation, a
chat message arriving — content a screen reader wouldn't otherwise
notice since nothing moved focus.
A landmark helps a user jump between page regions, not react to a
content change that just occurred. A focus trap constrains Tab within a
dialog, unrelated to announcing async updates. aria-labelledby
supplies a static accessible name for an element, not a mechanism for
announcing a dynamic change.
Share this question