Radio buttons must have grouping label

Definition A related group of radio buttons must have a grouping label.
Purpose
  • Radio buttons that provide a set of related options need grouping information and a common grouping label to provide the overall context for those options.
  • Screen readers treat grouping labels differently than standard labels, typically speaking the grouping label only once when focus is first moved to one the groups controls.
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[type="radio"] elements
Techniques
  • The fieldset/legend element combination is the preferred technique for providing a grouping information and label for a related group of radio buttons.
  • If the fieldset/legend technique cannot be used, use [role=group] on a container element that contains the related radio buttons, and the container element must have an accessible name representing the grouping label.
Informational Links