| Table of Contents |
|---|
...
Validations and errors
Please refer to Field validationValidation page for more information.
...
to select a single option from a list, while exposing all available options
Do not Use:
where there is a need to allow the user to make multiple selections → use CheckboxesCheck Boxes, because radio buttons only allow single-selection.
where there is a need to present more than 8 options → use a Drop Down menu-down Menu.
where the default option is recommended for most users in most situations. Consider a Drop Down -down Menu instead, which uses less space by not immediately showing all options.
where there are only two mutually exclusive options. Combine them into a single CheckboxCheck Box or Toggle switchSwitch. For example, use a checkbox for “I agree” (e.g. to terms and conditions) instead of two radio buttons for “I agree” and “I don’t agree”.
where the options are numbers with fixed steps → use a Slider.
...
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.
Focus management
Keyboard | Description |
|---|---|
Tab | Navigates to the next component. |
Shift + Tab | Navigates to the previous component. |
Space | N/A |
Enter | N/A |
Esc | N/A |
Arrows | Up/Left - Navigates to and selects the previous item. Down/Right - Navigates to and selects the next item. |
A group of radio buttons behaves like a single control. Only the selected choice is accessible using the tab key, but users can then cycle through the individual options using the arrow keys.
...