Radio buttons must have grouping label

Rule ID Control 3
Definition A related group of radio buttons must have a grouping label.
  • 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 HTML5 and ARIA Techniques ruleset mapping
WCAG Success Criteria

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

Rule Category Forms
Scope Element
Target Resources input[type="radio"] elements
  • 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