SVG-afbeeldingen zonder tekstalternatief

Melding in axe en Lighthouse: <svg> elements with an img or image role must have alternative text · svg-img-alt · WCAG 1.1.1

Wat het betekent en waarom het belangrijk is

SVG-iconen met role="img" zonder naam worden zonder betekenis voorgelezen (WCAG 1.1.1).

Zo los je het op

Voeg een <title> in de SVG of een aria-label toe; verberg decoratieve SVG’s met aria-hidden="true".

Codevoorbeeld

Voor

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

Na

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

Alle toegankelijkheidsfouten