Form inputs must have labels which are readable (programmatically determinable) by assistive technology.
| WCAG 2 criterion | 1.3.1 Info and Relationships (A) |
|---|---|
| Category | Forms and Inputs |
WCAG 2 criterion
1.3.1 Info and Relationships (Level A)
Tools and requirements
- Siteimprove
Test procedure
For each <input> or <select> on the page
- Ensure that there is a label, and that label is associated with the input.
- Methods below are acceptable.
- Using the
forattribute on the<label>tag to reference the<input>or<select>id - Using aria-labelledby on the
<input>or<select>to reference theidof the<label> - Nesting the
<input>or<select>tag within the<label>tag.
- Using the
- Methods below are unacceptable.
- Using placeholder text only as a label
- Using plain text as a label next to the input (without using an "acceptable" method above)