Alternative textuelle des images : pourquoi et comment bien la rédiger

Pourquoi l'alternative textuelle est-elle critique ?

Le critère RGAA 1.1.1 (WCAG 1.1.1) exige que chaque image non décorative ait une alternative textuelle. Sans alt, un utilisateur aveugle ne sait pas ce que représente l'image. C'est la non-conformité la plus fréquente lors des audits.

Les différents types d'images

Image décorative

<img src="decoratif.jpg" alt="">

L'attribut alt vide indique au lecteur d'écran de l'ignorer. Ne pas omettre l'attribut alt — cela force le lecteur à lire le nom du fichier.

Image informative

<img src="graphique-ventes.jpg" alt="Ventes Q1 2025 : +15% vs Q1 2024">

L'alt décrit ce que l'image transmet, pas ce qu'elle représente visuellement. "Graphique" ou "image" ne sont pas des alternatives utiles.

Image bouton / lien

<a href="/accueil"><img src="logo.svg" alt="RefAudit — Retour à l'accueil"></a>

L'alt décrit la destination ou l'action du lien, pas l'image elle-même.

Image complexe (graphique, carte)

Utilisez aria-describedby pour pointer vers une description longue dans la page, ou fournissez les données en tableau HTML.

Les 5 erreurs les plus fréquentes

1. Alt absent (attribut alt manquant)
2. Alt qui répète le nom du fichier ("image_logo_v2_final.jpg")
3. Alt trop long (> 100 caractères — préférez aria-describedby)
4. Alt redondant avec le texte adjacent
5. Alt générique ("image", "photo", "graphique")