| Rule ID |
Control 1 |
| Definition |
Each input, select, textarea, progress, meter and output element must have an accessible label. |
| Purpose |
- A label associated with a form control ensures that information about the form control is spoken by screen readers when it receives focus.
|
| Required |
Yes for HTML4 Legacy Techniques ruleset mapping |
| WCAG Success Criteria |
3.3.2 Labels or Instructions (Level A, Primary Success Criterion)
Other Related Success Criterion:
|
| Rule Category |
Forms |
| Scope |
Element |
| Target Resources |
input, select, textarea, progress, meter and output elements
|
| Techniques |
- The preferred technique for labeling form controls is by reference: First, include an
id attribute on the form control to be labeled; then use the label element with a for attribute value that references the id value of the control.
- An alternative technique is to use the
label element to encapsulate the form control element.
- In special cases, the
aria-labelledby attribute can be used on the form control element to reference the id(s) of the elements on the page that describe its purpose.
- In special cases, the
aria-label attribute can be used on the form control element to provide an explicit text description of its purpose.
- In special cases, the
title attribute on the form control element can be used to provide an explicit text description of its purpose.
|
| Informational Links |
|