Custom Select Dropdown

Hero/Intro section: Interactive elements

Features

  • 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
Github

Custom Select Dropdown

Survey

Please offer some feedback

Did you find any issues on this site?

You may select multiple options

Which Hero/Intro Section element was your favourite?

Keyboard use: move to option with arrow keys and select by pressing Enter or Space

Clarification or feedback

Email (optional)