SelectButton component uses hidden native checkbox role for multiple selection and hidden radio role for single selection that is only visible to screen readers. Value to describe the component can be provided via aria-labelledby property.
Keyboard interaction is derived from the native browser handling of checkboxs in a group.
| Key | Function |
|---|---|
| tab | Moves focus to the first selected option, if there is none then first option receives the focus. |
| right arrow up arrow | Moves focus to the previous option. |
| left arrow down arrow | Moves focus to the next option. |
| space | Toggles the checked state of a button. |