aria-live region
An `aria-live` region is an HTML element marked with the `aria-live` attribute (value `polite` or `assertive`) that tells assistive technology to announce dynamic content changes to the user without requiring focus to move into the element.
Detailed explanation
WCAG 2.1 SC 4.1.3 (Status Messages) requires status updates — "Item added to cart", "Form saved", "Search results updated" — to be announced by screen readers without requiring the user to navigate to the message. The implementation is `aria-live`.
`aria-live="polite"` queues the announcement until the user is idle (preferred for non-urgent updates). `aria-live="assertive"` interrupts whatever the screen reader was saying (reserved for time-critical errors). Two related convenience roles wrap common patterns: `role="status"` (implicit polite) and `role="alert"` (implicit assertive).
How this applies to Shopify stores
Cart drawer toast notifications, search auto-suggest result counts, "Loading..." spinners, and address-validation errors all need `aria-live` regions. AccessComply patches Liquid templates and JavaScript to wrap dynamic-content containers in `role="status"` or `role="alert"` based on urgency.
What merchants should check next
Treat this term as a practical audit prompt, not just a definition. Check the storefront pages where the concept shows up in real customer journeys: product discovery, add-to-cart, cart drawer, checkout handoff, account login, and support contact flows. If the issue affects code, verify the rendered HTML and computed browser output after the theme change. If it affects copy or media, keep the merchant-facing wording accurate and easy to maintain.
Primary source: w3.org