3.3.2 Labels or Instructions

Fields that need input have labels or instructions.

Level A

What the automated checks look for

A field with more than one label may be announced with only one of them, or with both run together.

Who it affects. Screen readers handle several labels differently, so blind people may hear only part of what the field asks for.

How to fix it. Give the field one label. Put extra help in text tied with aria-describedby.

<label for="pw">Password</label>
<input id="pw" type="password" aria-describedby="pw-hint">
<p id="pw-hint">At least 12 characters.</p>

<label htmlFor="pw">Password</label>
<input id="pw" type="password" aria-describedby="pw-hint" />
<p id="pw-hint">At least 12 characters.</p>