Accessibility · Middle · Question 24 of 75

How do you build an accessible dropdown of navigation links?

1A div with onmouseenter that shows a list of spans
2A select element where each option navigates away
3A button with aria-expanded that shows a list of links

Show the answer

Correct answer: A button with aria-expanded that shows a list of links

Explanation

This is the disclosure pattern. It works with touch, keyboard and screen readers without any ARIA menu roles.

Further reading

Test yourself

Take the Accessibility · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.