Skip to content
ShopifyRule: form-field-multiple-labels•Reviewed Oct 2026

Resolve duplicate or multiple labels for form inputs in Shopify

Form inputs should be associated with exactly one primary label element to avoid conflicting instructions.

What's wrong

Having two `<label for="field-id">` elements referencing the same input can cause screen readers to announce both repeatedly or miss instructions.

Who it affects

Screen reader users receive confusing or duplicated announcements when navigating into the input field.

How to fix on Shopify

Keep one primary `<label>`. Move extra helper text or requirements into a `<span>` and link it using `aria-describedby`.

Code example

Problematic Code
LIQUID
<label for="customer-email">Email</label>
<input id="customer-email" type="email">
<label for="customer-email">We will never share your email</label>
Recommended Accessible Code
LIQUID
<label for="customer-email">Email</label>
<input id="customer-email" type="email" aria-describedby="customer-email-hint">
<span id="customer-email-hint" class="field-hint">We will never share your email</span>

How to check your fix

Search the template DOM for `for="[input-id]"` and confirm exactly one `<label>` tag matches that ID.

Check if your site has this issue

Scan any public store page free against WCAG 2.2 AA in 30 seconds.

Your session has ended

Sign in again to carry on. Anything you typed on this page is kept.

Signed in another way? Use another method (opens a new tab)