A11y Lablearn by doing
0/20

Widgets · 14

Make a navigation dropdown

A website dropdown is ordinary disclosure navigation, not a desktop-style ARIA menu.

What to do

  1. Use nav, lists, a native trigger button, and real links—no menu roles or aria-haspopup.
  2. Connect Services to its hidden submenu and expose aria-expanded.
  3. When Escape closes the open submenu, return focus to Services.
/index.html
Preview
updating…

Result

Run the checks

Edit the HTML and select “Check solution”. The preview updates automatically.

If you are stuck

The preview handles opening and Escape. Preserve native page-navigation semantics and valid control relationships.

Read the exact rule or pattern

Exercise 14 of 20

axe-core

Automated audit