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.
|
Mappings |
-
HTML4 Legacy Techniques
(Required)
-
HTML5 and ARIA Techniques
(Required)
|
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 |
|