Graphiques SVG sans alternative textuelle

Message affiché par axe et Lighthouse: Les éléments svg avec un rôle 'img' ont un texte alternatif · svg-img-alt · WCAG 1.1.1

Ce que cela signifie et pourquoi c’est important

Les icônes SVG avec role="img" sans nom sont annoncées sans signification (WCAG 1.1.1).

Ajoutez un <title> dans le SVG ou un aria-label ; masquez les SVG décoratifs avec 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>

Testez gratuitement n’importe quelle page — résultat en quelques secondes, avec les corrections.