How do I fix svg-img-alt?

Name each icon. Code included. Add inside the SVG and aria-labelledby, or role="img" with aria-label.

Error · svg-img-alt

Icons without a description

Q: What does the svg-img-alt error mean?

Icons without a description. Vector icons (logo, social icons) have no name for screen readers.

Vector icons (logo, social icons) have no name for screen readers.

Who it leaves out: blind people (screen readers)🔎 also SEO

How to fix it

Name each icon. Code included.

In the code

Add <title> inside the SVG and aria-labelledby, or role="img" with aria-label.

✓ Our scanner writes and tests this correction for you.

Does your site have this error?

Free check in about a minute, no account.

One more chance: free scan · no account

Related errors

Images without a description image-alt
Image buttons without a name input-image-alt
Buttons with no name button-name
Links that don't say where they go link-name
Form fields without a label label
Drop-down menus without a label select-name

Automated testing covers roughly half of WCAG criteria; a full conformance claim also requires manual review. Technical information, not legal advice.