Guide de correction · Erreur critique

Corriger les images sans alternative textuelle

Critère RGAA concerné : 1.1

Le problème

Une balise img sans attribut alt prive les personnes aveugles de l’information portée par l’image — le lecteur d’écran lit au mieux le nom du fichier (« photo underscore équipe underscore final underscore v2 point jpg »), au pire rien. C’est une erreur critique au sens du RGAA (critère 1.1) et l’une des non-conformités les plus fréquentes du web.

La correction en HTML

Image porteuse d’information : décrivez sa fonction dans le contexte.

<img src="equipe.jpg" alt="L'équipe support au complet, huit personnes">

Image purement décorative : alternative vide — présente mais vide.

<img src="motif.svg" alt="">

Image dans un lien : l’alternative décrit la destination, pas l’image.

<a href="/"><img src="logo.svg" alt="Accueil — Adéquo"></a>

Dans les CMS

WordPress : champ « Texte alternatif » dans la médiathèque ou le bloc image — remplissez-le à l’upload, il suit l’image partout. Shopify : fiche produit → image → « Modifier le texte alternatif ». Wix / Squarespace : réglages de chaque image. Dans tous les cas, méfiez-vous des images insérées par les thèmes et les constructeurs de pages : elles échappent souvent à la médiathèque.

Comment bien rédiger l’alternative

Répondez à « quelle information cette image apporte-t-elle ici ? » en moins de 80 caractères, sans commencer par « image de ». La pertinence relève du critère 1.3 — aucun outil ne la vérifie à votre place.

Vérifier la correction

Relancez une analyse gratuite : la détection « Images sans alternative textuelle » doit disparaître. Pour surveiller que l’erreur ne revient pas au prochain ajout de contenu, la surveillance hebdomadaire vous alerte automatiquement.

Vérifiez que la correction est bien prise en compte

Relancez une analyse gratuite : l'erreur corrigée doit disparaître du rapport.

Analyser mon site gratuitement