label cannot have ancestor button Web Standard

Description

The element label must not appear as a descendant of the button element.

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.2 May 2013 Added.

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

Rule ID: W3cHtml5AssertNested-button-label