What is ARIA?

ARIA, Accessible Rich Internet Applications, is a set of HTML attributes that describe roles, states, and properties of interface components to assistive technology. It exists to make custom widgets, like variant pickers and cart drawers, understandable to screen readers. Used correctly it fills gaps in native HTML; used carelessly it makes accessibility worse, and WCAG's first rule of ARIA is to prefer native elements.

When ARIA is needed

Native HTML elements like buttons, labels, and inputs carry accessibility semantics for free. Custom-built components, a swatch selector made of divs or a modal built from scratch, carry none. ARIA supplies what the custom markup lacks: this div is a button, this region is a dialog, this value changed. Without it, screen reader users hear silence or noise where the control should be.

How Shopify stores misuse it

The common failures: app widgets injecting conflicting roles on top of broken markup, aria-labels that contradict visible text, and overlay tools injecting automated attributes that fight the theme. The result can be worse than no ARIA at all, because the screen reader is now confidently announcing wrong information. This is why StorefrontAccess attributes failures to the specific app or theme file responsible.