Fix status messages that are silent on Shopify

This page shows how to fix status messages that are silent on Shopify. A message that is only painted on screen is not heard by a screen reader.

Steps in Shopify

When the Shopify cart drawer updates, write the result into an aria-live region.

Check

  1. Trigger the message without moving focus.
  2. Listen with a screen reader, or inspect for aria-live.
  3. Use role status or alert.

All platforms · Shopify · WCAG 4.1.3