Accessible names for UI components (accessible-name)

User interface elements and components must have descriptive accessible names, such as through aria-label or aria-labelledby attributes. <embed>, <object>, and <iframe> elements should use the title attribute.

Note: aria-label and aria-labeledby are both valid attributes for providing accessible names for UI components.

Non-descriptive video accessible name:

This <video> element has a non-descriptive accessible name (aria-labelledby):


Hello world.

Transcript:
The video shows the following text:
“The five boxing wizards jump quickly.”

Note: Impossible to implement because it requires using AI / human to determine whether the video element is truly meaningful, and then ensuring that it has a descriptive text alternative.

axe detected: none  |  QualWeb detected: none