WCAG A/AA requirement Priority: Moderate
Some form fields have more than one label
A form field, such as an email, quantity or address field, is connected to two or more <label> elements.
This text was translated automatically and has not been reviewed by a native speaker yet.
Why it matters to your customers
Different screen readers handle this differently: some read only the first label, some read all of them, some only the last. Voice control users may not know which words to say to reach the field. In checkout or sign-up forms this makes filling in details slower and more error-prone.
Who is affected
- blind customers
- screen reader users
- voice control users
How to fix it
Give each field exactly one <label>. If you need extra text, such as a hint or format example, connect it with aria-describedby instead of a second label. Check for a visible label plus a hidden duplicate label added by the theme or a plugin.
On Shopify
Rare in default themes; usually caused by theme customisations or form apps that add their own label next to the theme's label. Remove the duplicate in the Liquid snippet or app settings.
On Shoptet (CZ)
Rare in the standard template; usually from custom code or third-party forms. Fix your own code first; for the template, ask Shoptet or a Shoptet partner.
On PrestaShop
Usually in customised .tpl form templates or modules that add their own labels (newsletter, checkout fields). Keep one label per field in the theme or overridden module templates.
On WooCommerce
Often caused by form plugins, checkout field editors or page builders that add a second label next to the theme's label. Check the field settings or plugin templates and keep one label per field.
Standards
| Standard | Clause |
|---|---|
| WCAG 2.2 | 3.3.2 (A) Labels or Instructions |
| WCAG 2.1 | 3.3.2 (A) Labels or Instructions |
| WCAG 2.0 | 3.3.2 (A) Labels or Instructions |
| EN 301 549 4.1.1 | 9.3.3.2 |
| EN 301 549 3.2.1 | 9.3.3.2 |
| Section 508 2017 | E205.4 |
| ДСТУ EN 301 549 2022 | 9.3.3.2 |
Automated check: axe-core rule form-field-multiple-labels.
dequeuniversity.com, github.com, www.w3.org
Related checks
-
Several embedded frames have the same name
WCAG 4.1.2 A
-
Custom menus or lists are built incorrectly
WCAG 1.3.1 A
-
A dropdown has no label
WCAG 4.1.2 A
-
The page has no title
WCAG 2.4.2 A