form-field-multiple-labels

Form fields do not have duplicate labels.

Who might be affected
SR

Description

Screen readers rely on form inputs labeling to parse and read their meaning and purpose to the user. When the inputs are not properly labeled, screen readers cannot read them correctly and, as a result, they are inaccessible to users of screen readers and a few other assistive technologies.

Quick Fixes

Make sure that all <input> elements are labeled by a single source.
1<label for="first-name">First</label>
2<label for="first-name">name:</label>
3 <input type="text" id="first-name" />
4
5<label for="last-name">Last name:</label>
6 <label>
7 Last name:
8 <input type="text" id="last-name" />
9 </label>
10
Use the "aria-labelledby" attribute with an ids list.
1 <label id="first-label">First</label>
2 <label id="name-label">name:</label>
3<input type="text" aria-labelledby="first-label name-label" />

How Users Are Affected

Screen readers may find input field labels unclear and confusing.

WCAG Success criteria

This issue might cause elements to fail one or more of the following Success criteria:
3.3.2 Labels or Instructions (A)

Recommended Reading