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.
Primary source: w3.org