OptionGroup

OptionGroup allows the user to select one item from a restrictedcollection (usually 3 to 5 items).

View source code

Summary

SpecificationValue
Aria Roleradiogroup
Accessibility nameprop aria-label

Item

SpecificationValue
Aria Roleradio
Accessibility nameprop label

Keyboard Interaction

KeyAction
Down Arrow or Right ArrowMove focus to the next radio button in the group, uncheck the previously focused button, and check the newly focused button. If focus is on the last button, focus moves to the first button
Up Arrow or Left ArrowMove focus to the previous radio button in the group, uncheck the previously focused button, and check the newly focused button. If focus is on the first button, focus moves to the last button.
SpaceChecks the focused radio button if it is not already checked.