Rule: Avoid label encapsulation

Rule ID Control 17
Conformance Required
Definition Some assistive technologies, including speech input, do not reliably associate labels with the controls when only label encapsulation is used for labeling.
Purpose
  • Speech input and other assistive technologies cannot reliably use the label encapsulation method for identifying a label with it's associated form control.
  • Speech input uses the label as part of commands to move focus or change the state of form controls. Examples of speech input commands include: "click first name" for moving focus to a textbox, "click thick crust" to select a radio button associated with a pizza crust selection.
Conformance Required
WCAG Success Criteria

Success Criterion 3.3.2 Labels or Instructions

Rule Category Forms
Rule Scope Element
Techniques
  • When using the label element 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.
Information Links