role=menubar cannot have ancestor with role=button Web Standard

Description

An element with role=menubar must not appear as a descendant of an element with role=button

Help

The name, role, and state of an interactive control is ignored when the control is nested inside another interactive control, meaning the control is voiced incorrectly in a screen reader.

Applicable standards

• WCAG 2.0 (Success Criteria: 4.1.2 level A)
• WCAG 2.1 (Success Criteria: 4.1.2 level A)
• WCAG 2.2 (Success Criteria: 4.1.2 level A)
• Section 508 (2017) (Success Criteria: 4.1.2 level A)
• HTML5

Note: Section 508 Refresh (2017) checkpoints are equivalent to WCAG 2.0 level A and level AA checkpoints.

Change history

• 6.50 Oct 2023 Mapping changed from WCAG 4.1.1 to 4.1.2.
• 5.30 Jul 2018 Added.

This page describes a web site issue detected in HTML documents by SortSite Desktop and OnDemand Suite.

Rule ID: W3cHtml5AssertNested-role-button-role-menubar