serious WCAG 1.1.1 svg-img-alt

SVG Image Alt — WCAG 1.1.1 Fix Guide

Ensures SVG elements with role="img" have an accessible text alternative.

🔍 Find This Violation on Your Site →

What Is the SVG Image Alt Violation?

Ensures SVG elements with role="img" have an accessible text alternative.

WCAG Criterion1.1.1
Impactserious
axe-core Rule IDsvg-img-alt
WCAG PrinciplePerceivable

How to Fix SVG Image Alt

For SVG images, add role="img" and aria-label="Description" to the element. Alternatively, add a element as the first child of the SVG, and reference it with aria-labelledby.

Run a free Accessalyze scan to find all instances of this violation on your site, with AI-generated fix code for each specific element.

🔍 Scan Your Site for SVG Image Alt Violations →

Who Is Affected?

The SVG Image Alt violation impacts users who rely on assistive technologies including:

  • Screen reader users (JAWS, NVDA, VoiceOver, TalkBack)
  • Keyboard-only users who cannot use a mouse
  • Users with cognitive disabilities who rely on clear structure

Approximately 1 in 4 adults in the United States has some type of disability. Fixing this violation improves access for millions of users.

Find SVG Image Alt Violations on Your Site

Free scan in 30 seconds. Get the exact elements with this violation plus AI fix code.

🔍 Scan Free — No Signup