Rule ID |
Control 3 |
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 Success Criteria |
3.3.2 Labels or Instructions (Level A, Primary Success Criterion)
Other Related 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 |
|