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 University - How To Fix
- → WCAG 2.1 - Success Criterion 3.3.2: Labels or Instructions
- → WCAG 2.1 - Failure of Success Criterion 4.1.2 due to a user interface control not having a programmatically determined name
- → WCAG 2.1 - Using label elements to associate text labels with form controls
- → WCAG 2.1 - Using aria-labelledby to provide a name for user interface controls
- → WCAG 2.1 - Using aria-label to provide an invisible label where a visible label cannot be used
- → WCAG 2.1 - Using the title attribute to identify form controls when the label element cannot be used
Detect accessibility issues automatically
Rocket Validator scans thousands of pages with Axe Core and the W3C Validator, finding accessibility issues across your entire site.