Radio Group
A radio group is a set of checkable buttons, known as radio buttons, where no more than one of the buttons can be checked at a time. Some implementations may initialize the set with all buttons in the unchecked state in order to force the user to check one of the buttons before moving past a certain point in the workflow.
— Radio Group Pattern, WAI ARIA Authoring Practices Guide (APG)
§ Notes
Missing.css uses the <fieldset role=radiogroup> and <input type=radio name=foo> elements for radio groups.
We also provide an alternative markup for radiogroups used in tabular forms.
Keyboard Interaction
- Space : Selects the radioselect (when focused but unselected).
- Down Arrow : Moves focus to the next radioselect and selects it.
- Up Arrow : Moves focus to the previous radioselect and selects it.