Form field must not have multiple label elements

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

→