SVG graphics without a text alternative

Message shown by axe and Lighthouse: <svg> elements with an img or image role must have alternative text · svg-img-alt · WCAG 1.1.1

What it means and why it matters

SVG icons with role="img" but no name are announced without meaning (WCAG 1.1.1).

Add a <title> inside the SVG or an aria-label; hide purely decorative SVGs with aria-hidden="true".

<svg role="img" viewBox="0 0 24 24"><path d="…"/></svg>

<svg role="img" aria-labelledby="t1" viewBox="0 0 24 24"><title id="t1">Secure payment</title><path d="…"/></svg>

Run a free check of any page — results in seconds, with fix instructions.