Search code examples
htmlreactjsselectcomboboxwai-aria

Keyboard controls for Select/Combobox

I want to create a Select (ComboBox) with functionality for users with disabilities and I got this idea:

Can aria-tags change control of an element if I use the keyboard? For example, if I press "arrow up" or "arrow down" on the keyboard in the dropdown list?

If its possible I will be grateful for a simple example. This will shorten my code and make it cleaner.

Thanks in advance!

Solution

  • I found a right solution.

    There are ARIA-patterns. And this pattern is called 'Combobox'.

    More information and examples: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/