C'est quoi
Le critère RGAA 1.3 demande que l'alternative textuelle d'une image soit pertinente : elle doit transmettre la même information que l'image.
Exemples d'alternatives non pertinentes :
alt="photo"oualt="image": trop vague, ne décrit rien.alt="IMG_4821.jpg": reprend le nom du fichier, inexploitable.alt="produit"sur une image de chaise de bureau rouge : insuffisant.
Une alternative pertinente répond à la question : si l'image disparaissait, qu'est-ce que l'utilisateur perdrait comme information utile ?
Qui est touché
- Les personnes aveugles ou malvoyantes qui utilisent un lecteur d'écran : une alternative vague ou absurde leur donne zéro information utile.
- Les utilisateurs avec une connexion lente, quand l'image ne se charge pas : c'est l'alternative qui s'affiche à la place.
- Les moteurs de recherche, qui utilisent l'
altpour comprendre et indexer le contenu visuel.
Impact business
Une alternative non pertinente est parfois pire qu'une alternative absente : elle donne l'illusion de conformité sans apporter de valeur réelle. Un auditeur automatique peut ne pas la détecter, ce qui masque le problème.
L'enquête WebAIM Million place les alternatives textuelles parmi les erreurs d'accessibilité les plus fréquentes sur le web, avec une forte proportion d'alternatives présentes mais vides ou génériques.
Comment le détecter
- Audit Mynto : le scan signale les alternatives qui semblent génériques (noms de fichiers, mots isolés comme "image" ou "photo").
- Manuel : active un lecteur d'écran (VoiceOver sur Mac, NVDA sur Windows) et écoute ce qu'il annonce pour chaque image. Est-ce que ça a du sens ?
- Lis chaque
alten isolation : si quelqu'un qui n'a pas accès à l'image comprend l'information transmise, c'est pertinent.
Comment corriger
<!-- Mauvaises alternatives -->
<img src="/img/chaise-bureau.jpg" alt="image">
<img src="/img/graphique-ventes.png" alt="IMG_graph_01.png"><!-- Alternatives pertinentes -->
<img src="/img/chaise-bureau.jpg"
alt="Chaise de bureau ergonomique noire, dossier réglable en hauteur">
<img src="/img/graphique-ventes.png"
alt="Graphique des ventes 2025 : hausse de 23 % au T3 par rapport au T2">Pour une image produit, décris ce que l'acheteur a besoin de savoir. Pour un graphique, résume la donnée principale que l'image illustre.
Règle pratique : imagine que tu décris l'image au téléphone à quelqu'un qui ne la voit pas. Qu'est-ce qu'il a besoin d'entendre pour comprendre le contenu ?
Sur WordPress, l'alternative se renseigne dans la médiathèque, champ "Texte alternatif". Si le champ est vide, WordPress affiche souvent le titre du fichier media, qui est rarement pertinent.
Questions fréquentes
Quelle longueur pour un texte alternatif ?
L'alternative doit être la plus courte possible tout en restant complète. Viser 100 à 150 caractères maximum. Pour une image très complexe, une description détaillée séparée vaut mieux qu'un alt interminable.
Un alt vide est-il acceptable pour une image informative ?
Non. Un alt="" vide dit au lecteur d'écran d'ignorer l'image. Si l'image porte une information, l'alt doit la décrire. L'alt vide est réservé aux images de décoration (critère RGAA 1.2).
Le texte alternatif a-t-il un effet sur le référencement ?
Oui, mais c'est un effet secondaire. L'objectif premier est l'accessibilité. Un alt descriptif et précis bénéficie aux deux : il aide les lecteurs d'écran et les robots d'indexation.
À lire aussi
Cette erreur est-elle sur ton site ?
Lance un audit Mynto gratuit. Tu sauras en quelques minutes si ton site est concerné, sur quelles pages, et avec quel impact.