Skip to main content

Shopify fix guide

Fix Missing form labels on Shopify

Placeholder text is not a substitute for labels.

Check your live page

Canonical issue page: Missing form labels

What this issue means

What this issue is

Every input needs an accessible name, usually via `<label for>` wrapping, or `aria-label` when design constraints require it.

Fixes

Prefer visible labels. If space is tight, use persistent labels or aria-labelledby pointing to visible text.

How to fix on Shopify

In Shopify, prioritize theme Liquid and section JSON: product cards, cart drawers, and app embeds. Some issues need a theme developer or app vendor; capture the public report link when you open a ticket.

How to fix

Associate every input with a visible label, aria-labelledby, or aria-label when design constraints require it.

Surface errors next to fields and link them with aria-describedby.

Related: 3.3.2 Labels or Instructions.

Other platforms

Related guides

TestAccessibility · Programmatic fix page · localhost:3001