Non UI object text alternative (non-ui-object)

Non UI <object> must have a descriptive <title>, aria-label or aria-labelledby. Decorative objects use aria-hidden or role='presentation' instead.

Note: Referencing an empty element (like a <span> without text) with aria-labelledby results in no accessible name being computed.

Object with empty label span:

This <object> embeds an image and uses aria-labelledby to reference a <span> element with <id="label">. However, the referenced <span> is empty, so the object has no accessible name and fails WCAG 1.1.1.


Note: Possible to implement because the referenced element via aria-labelledby can be located and checked for actual text content programmatically.

axe detected: 1.1.1  |  QualWeb detected: 1.1.1