Start scanning free

( Perceivable / WCAG 1.1.1 )

role="img" element has no accessible text

This check maps to Non-text Content. Use the guidance below to confirm the issue, understand who it affects and ship a fix.

Serious Level A WCAG 1.1.1 — Non-text Content

What’s wrong

An element with role="img", often used to group an icon font or SVG as a single image, has no aria-label or aria-labelledby.

Why it matters

Assigning role="img" tells assistive tech to treat the whole element as one image. Without a label, that image announces as nothing at all.

How to fix it

Add aria-label describing what the image conveys.

Before
<span role="img" class="icon-star icon-star icon-star icon-star-half"></span>
After
<span role="img" aria-label="4.5 out of 5 stars" class="icon-star icon-star icon-star icon-star-half"></span>

Learn more