Form controls must have labels

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 2.0 Success Criteria

3.3.2 Labels or Instructions (Level A, Primary Success Criterion)

Rule Category Forms
Scope Element
Target Resources input, select, textarea, progress, meter and output elements
  • select
  • textarea
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