Usage

  • This is not a true menu.
  • Menu implies additional keyboard functionality you probably don’t need for the Web unless you’re building an actual application.
Current support
Not baseline. This simple example uses the popover API with anchor positioning which has the most support in Chrome (Safari and Firefox may not yet support this).

Annotations for nav button popover

  • button for the launch button
  • list for the popover surface
  • link or button depending on the function of items

Don’t overcomplicate this

  • Do not add role="menu" or role="option" to the markup.
    • These roles imply additional keyboard functionality will be present
    • Unless you’re building actual Web based software like Gmail, this is unnecessary

Further reading

Related nav menu button entries