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.
  • HTML4 Legacy Techniques (Required)
  • HTML5 and ARIA Techniques (Required)
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