Custom Select Dropdown
Hero/Intro section: Interactive elementsFeatures
- Single select or multiple select
- Move to item with keyboard keys (up or down, or by writing the first few letters of the option)
- Label can be hidden from view, but is still accessible to screen readers
Keyboard use
- Tab to Select, Enter or Space to open
- Use up and down arrow keys to move to an option
- Alternatively move to an item on the list by writing the first few letters
- Select option with Enter or Space
- Press Tab to move to the selected buttons or to the clear button
- Press Escape to close dropdown without selecting an option