Grafica SVG senza alternativa testuale

Messaggio mostrato da axe e Lighthouse: Gli elementi <svg> con un ruolo img devono avere un testo alternativo · svg-img-alt · WCAG 1.1.1

Cosa significa e perché è importante

Le icone SVG con role="img" senza nome vengono annunciate senza significato (WCAG 1.1.1).

Aggiungi un <title> nell’SVG o un aria-label; nascondi gli SVG decorativi con 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>

Testa gratis qualsiasi pagina — risultati in pochi secondi, con le istruzioni di correzione.