Gráficos SVG sin alternativa textual

Mensaje que muestran axe y Lighthouse: <svg> elements with an img or image role must have alternative text · svg-img-alt · WCAG 1.1.1

Qué significa y por qué importa

Los iconos SVG con role="img" sin nombre se anuncian sin significado (WCAG 1.1.1).

Cómo corregirlo

Añade un <title> dentro del SVG o un aria-label; oculta los SVG decorativos con aria-hidden="true".

Ejemplo de código

Antes

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

Después

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

Todos los errores de accesibilidad