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

Description

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

Help

The name, role, and state of an interactive control are ignored when the control is nested inside another interactive control, meaning the control is announced incorrectly by screen readers.

Applicable standards

• ARIA 5.2.6
• 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)
• EN-301-549 (Success Criteria: 4.1.2 level A)
• HTML

Note: Section 508 Refresh (2017) checkpoints are equivalent to WCAG 2.0 level A and level AA checkpoints. EN 301 549 checkpoints are equivalent to WCAG 2.1 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-radio-role-button