Icon content association (icon-association)

Ensure each icon is referenced or grouped with its content (e.g., via aria-describedby) so the relationship is clear to assistive technologies.


Missing icon association:

This icon is visually next to content but not programmatically associated


computer Workstation available

The (DOM/programmatic) structure of the above example looks like this:

<i class="material-icons">computer </i>
<span>Workstation available</span>

Note: Impossible to automatically test or detect. Requires a human tester or AI to determine which icons are associated with which elements, and ensure that they are programmatically associated.

axe detected: none  |  QualWeb detected: none