Page Title: Farbauszge - Separation - Rasterdruck - Optimierung
May 20, 2018 05:18

Form controls must have labels

Actions

Severity Action
no actions

Details

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.
WCAG 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

Element Results

Element Identifier Result Element Position Message

Column Definitions

Element Identifier
Information about the element associated with the result.
The information typically includes the tag name, accessible name or other information related to the rule requirements.
"Page" means that the result applied to the page. For example, the rule "One main landmark on the page" is a page level rule.
Element Position
The element position is based on the DOM order of elements in the page.
The element position maybe useful in helping to locate a specific element on the page evaluated (e.g smaller numbers are typically toward the beginning of a page and larger numbers typically toward the end of a page).
Element position 1 is the first element.
The highest element position is the last element.
Element position values for most rule/page results will not be consecutive since a rule only applies to a sub set of elements found on a page.