Form field has more than one label

Why does it matter?

When two labels point at one field, browsers and screen readers disagree about what to announce: some join them, some read only the first.

Who it affects: Screen reader users, voice-control users who say a field's label to move to it, and people with memory or attention difficulties who lose a placeholder once they type.

What does Lumtera flag?

Form fields referenced by more than one <label> element.

Check ID form-field-multiple-labels — use it to filter the content report or with wp lumtera issues --rule.

How do I fix it in WordPress?

Keep one <label> for the field and put all the label text in it. Extra help such as "We never share your email" belongs in a hint tied to the field with aria-describedby. In form-builder plugins, this usually means removing a label you added by hand next to the field's own label setting.

Example

<label for="email">Email</label>
<label for="email">We never share it</label>
<input id="email" type="email">

<label for="email">Email</label>
<input id="email" type="email" aria-describedby="email-hint">
<p id="email-hint">We never share it.</p>

How do I check the fix?

1. Update the post. The issue disappears from the Lumtera Accessibility sidebar on the next check, and from the site report on the next scan.
2. Click each field's label: the cursor should move into the field. With a screen reader, each field should announce its label when it receives focus.