Form field has more than one label

Why it matters

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 Lumtera flags

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 to 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 to check your fix

1. Update the post. The issue disappears from the 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.