Images · RGAA critère 1.1 · WCAG 1.1.1 (niveau A)
Image SVG sans texte de remplacement : pourquoi et comment corriger
- Gravité : majeur
- Correction facile
- Gêne : personnes aveugles (lecteur d'écran)
En bref. L'icône ou le graphique est ignoré ou annoncé de façon incompréhensible.
Ce que demande le référentiel
« Chaque image vectorielle (balise <svg>) porteuse d’information, vérifie-t-elle ces conditions ? »
Comment corriger
Ajouter role="img" et aria-label (ou <title>) au <svg> porteur d'information ; aria-hidden="true" s'il est décoratif.
<svg role="img" viewBox="0 0 24 24">…</svg><svg role="img" aria-labelledby="t1" viewBox="0 0 24 24">
<title id="t1">Livraison gratuite</title>…
</svg>
<!-- icône décorative -->
<svg aria-hidden="true" viewBox="0 0 24 24">…</svg>Ce qu'un test automatique voit, et ce qu'il ne voit pas
Détecté automatiquement
Un SVG déclaré comme image (role="img") sans nom.
À vérifier par une personne
Qu'un SVG porteur d'information soit bien déclaré comme image, et qu'une icône décorative soit masquée (aria-hidden).
Sources : RGAA 4.1.2 (DINUM), WCAG 2.2 (W3C). Mis à jour le 30/09/2026. Cette fiche explique un défaut détectable ; elle ne constitue pas un audit de conformité.