aria-label and aria-labelledby aren’t permitted on these elements. They are intended for interactive elements (buttons, links, form controls) and landmark regions.

The author provides the HTML elements that are not allowed to have an aria-label or aria-labelledby.

VoiceOver generally announce the contents of the aria-label. That aria-label “works” on generic elements in VoiceOver is a nonstandard remediation of noncompliant code, not an endorsement of a technique working as intended.

The author provides multiple HTML patterns to avoid the use of aria-label in the first place! Great!

• Was the Label Addressing a Problem Worth Solving in the First Place?
• Use visible text
• Use Visually-Hidden Text
• Use More Semantically Applicable Elements
• Add an Applicable Role