Forms
Radio group
A set of mutually exclusive options where exactly one must be chosen. Always give the group an accessible name.
Purpose
Use a radio group when the options are few and worth showing at once. Past roughly six options a Select is easier to scan.
Example
Accessibility & keyboard
- Give the group itself a name with
aria-labelor a visible group label. - Keyboard: arrow keys move between and select options; Tab enters and leaves the group.