About This Accessibility Rule
Makes certain that a form field doesn’t have multiple labels.
For some combinations of screen readers and browsers, adding several labels to the same form field can result in issues, and the outcomes vary depending on the combination. The first label will be read by some combinations. The last label will be read by some. Both labels will be read by others.
What this Accessibility Rule Checks
Makes certain that a form field doesn’t have multiple labels.
Learn more:
Deque
Reference
Deque University - How To Fix
W3C
Reference
WCAG 2.1 - Success Criterion 3.3.2: Labels or Instructions
W3C
Reference
WCAG 2.1 - Failure of Success Criterion 4.1.2 due to a user interface control not having a programmatically determined name
W3C
Reference
WCAG 2.1 - Using label elements to associate text labels with form controls
W3C
Reference
WCAG 2.1 - Using aria-labelledby to provide a name for user interface controls
W3C
Reference
WCAG 2.1 - Using aria-label to provide an invisible label where a visible label cannot be used
W3C
Reference
WCAG 2.1 - Using the title attribute to identify form controls when the label element cannot be used
Help us improve our guides
Was this guide helpful?
Detect accessibility issues automatically
Rocket Validator scans thousands of pages with Axe Core and the W3C Validator, finding accessibility issues across your entire site.