My learning 0 of 20 lessons complete
Start lesson 1 →
spec 1 linked patterns checked

WAI-ARIA APG Menu Button Pattern

Defines a menu button as a button that opens a menu, with role button, aria-haspopup set to menu or true, aria-expanded reflecting display state, optional aria-controls, a role menu popup, and keyboard opening with Enter, Space, Down Arrow, or Up Arrow.

Read with a purpose

What this source can teach

Use this source to check a technical or accessibility requirement against its exact wording and scope.

  1. Start with the original. Open the source and find the guidance or example relevant to your task.
  2. Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
  3. Check the setting. Compare the source's platform, people, and constraints with your own decision.

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Menu button Choose a menu button when one trigger reveals a short local set of actions or command-like links. The trigger is a button or equivalent control with a clear name, aria-haspopup set to menu or true, and aria-expanded synchronized with visibility. APG defines menu button trigger semantics, aria-haspopup, aria-expanded, optional aria-controls, role menu popup, and trigger keyboard behavior.

Evidence Role

This source is treated as spec evidence. Its value comes from the specific claims and setting described above.

Publisher: W3C Web Accessibility Initiative. Last checked: .

Saved items