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