|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
HTML5 and ARIA Techniques
|WCAG Success Criteria
3.3.2 Labels or Instructions (Level A, Primary Success Criterion)
legend element combination is the preferred technique for providing a grouping information and label for a related group of radio buttons.
- If the
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.