Start scanning free

( Understandable / WCAG 3.3.2 )

Form field has more than one label

This check maps to Labels or Instructions. Use the guidance below to confirm the issue, understand who it affects and ship a fix.

Moderate Level A WCAG 3.3.2 — Labels or Instructions

What’s wrong

A form field has two or more <label> elements pointing at it, usually one wrapping the input and another using for.

Why it matters

Browsers and screen readers handle multiple labels inconsistently, some concatenate both, others use only the first. The field’s announced name may not match what’s visibly shown.

How to fix it

Use exactly one label per field.

Before 
<label for="email">Email</label>
<label>
  <input id="email" type="email">
  Enter your email
</label>
After 
<label for="email">Email</label>
<input id="email" type="email">

Learn more