Accessibility fix guide WCAG 4.1.2 Name, Role, Value

How to fix: Form fields must have labels

Every input, textarea and select needs an associated label so users know what to enter and screen readers can announce the field.

The fix

Associate every form field with a <label> (via for/id) or an aria-label.

Fails

<input type="email" placeholder="Email">

Passes

<label for="email">Email</label>
<input id="email" type="email">

Does your site have this issue?

Scan any page free against WCAG 2.2 AA and get every issue with its fix.