Skip to content

Error - Broken ARIA menu

  • WAVE Category: Error
  • WAVE Error: Broken ARIA menu

Page Content Status

  • WAVE Error guidance text
  • Example of a DOM Snippet Generated From WAVE Tool
  • Project Team Error guidance
    • Project Team Page Details
    • Project Team Issue and PR details
    • Project Team Solution
  • Credits/Authors

WAVE Guidance

WAVE Tool's Reference material on Broken ARIA menu may not specifically address your problem. We provide it here for optional reading.

Click to see WAVE Tool Reference

This content added 2026-02-23. Check for updated guidance at: https://wave.webaim.org/api/docs?format=html#aria_menu_broken

WAVE Category

Errors

WAVE Error

Broken ARIA menu

What It Means

An ARIA menu does not contain required menu items.

Why It Matters

ARIA menus are application menus (like those used in software menu) with a specific keyboard interactions. They are NOT for navigation links on a web site and must contain at least one menuitem, menuitemcheckbox, or menuitemradio element.

What To Do

Ensure that the menu is an application menu and has the appropriate keyboard interactions (menu items are navigated via the arrow keys, not via the Tab key) and internal menu items, otherwise remove the menu role.

The Algorithm... in English

An element with role="menu" does not contain at least one element with role="menuitem", role="menuitemcheckbox", or role="menuitemradio".

Standards and Guidelines

Example of a DOM Snippet Generated From WAVE Tool

[HTML snippet showing the problematic code structure that WAVE detected]

Project Team Error guidance

The following material covers how the Project Team has provided a solution to the Broken ARIA menu WAVE Error.

Project Page Details

  • Project Page name: [INSERT PAGE NAME or "ALL"]
  • Project Dev URL: [INSERT URL or "N/A"]
  • Requires sign in: [TRUE OR FALSE]
    • Required User Role: [INSERT ONE OF: Visitor, Logged in user, Admin, Security Admin]
    • Can access page directly from URL: [TRUE OR FALSE]
    • Accepts URL parameters: [TRUE OR FALSE]

Project Team Issue and PR details

  • Related GitHub Issue(s):
    • [INSERT ISSUE URL]
  • Related Pull Request(s):
    • [INSERT PR URL]
  • React Component(s)
    • [INSERT PATH: e.g. path/to/Component.jsx]

Project Team Solution

What is the specific problem that was occurring?

[INSERT CONTENT]

What is the proposed solution to this problem?

[INSERT CONTENT]

Step-By-Step Guide

Click to see step-by-step guide

[ADD DETAILED INSTRUCTIONS HERE]

Other Technical Details

Click to see other technical details

[INSERT OTHER DETAILS e.g. Prop References, Return Value ]

Code Snippet With Solution

Click to see code snippets

[INSERT PATH file/path/to/Snippet.jsx]

[Code example showing the fix/solution]

Why the Fix Works

[INSERT CONTENT]

Where this solution is applicable

  • [INSERT SCENARIO 1]
  • [INSERT SCENARIO 2]
  • [INSERT SCENARIO N]

Screenshots of WAVE Error

1. Descriptive Title for Screenshot Set 1

Description/text for image

[INSERT IMAGE HERE]

Credits/Authors

  • @Rabia2219
  • [INCLUDE Contributor 2]
  • [INCLUDE Contributor N]