Components
Select
Select allows users to choose an option from a list.
We are working to improve the accessibility documentation for this component. If you have questions or see something that should be prioritised, please contact us on Github or Slack.
Do not use a disabled state
Avoid using the disabled (disabled) state. Consider instead whether you need to show the field at all, or whether you can present the information as plain text or use readOnly.
Keyboard navigation
- Space opens the list (also selects an option on Mac)
- Enter selects an option in the list (also opens the list on Windows)
- ↓ highlights the next option in the list
- ↑ highlights the previous option in the list
- Home highlights the first option in the list
- End highlights the last option in the list
- Other letters/characters jump to the first option that begins with that letter or character.