Images sans alternative textuelle
Le problème
L'absence d'alternative textuelle sur les images est le problème d'accessibilité le plus répandu sur le web. Le critère 1.1 du RGAA exige que chaque image porteuse d'information dispose d'un attribut alt décrivant son contenu de manière pertinente. Lorsqu'un attribut alt est manquant, les lecteurs d'écran comme NVDA, JAWS ou VoiceOver ne peuvent pas transmettre l'information visuelle aux utilisateurs aveugles ou malvoyants. Au lieu de décrire le contenu de l'image, le lecteur d'écran va lire le nom du fichier — souvent un identifiant technique incompréhensible comme « IMG_20250315_142356.jpg » ou « banner-v3-final-2.png ». L'utilisateur se retrouve alors face à un contenu inintelligible qui interrompt totalement le flux de lecture. Ce problème ne concerne pas uniquement les images décoratives oubliées. Il touche aussi les images fonctionnelles (boutons, liens-images, icônes), les logos, les infographies, les captures d'écran et les graphiques. Chaque type d'image nécessite une approche différente pour rédiger une alternative textuelle pertinente. Une image décorative doit avoir un alt vide (alt="") pour être ignorée par les lecteurs d'écran, tandis qu'une image porteuse d'information doit avoir une description concise et fidèle de son contenu. Les images complexes comme les graphiques ou les infographies nécessitent quant à elles une description détaillée, soit dans l'attribut alt, soit via un mécanisme adjacent (légende, lien vers une description longue). D'un point de vue réglementaire, l'absence d'alternatives textuelles constitue une non-conformité au RGAA et aux WCAG (critère de succès 1.1.1, niveau A). Avec l'entrée en vigueur de l'European Accessibility Act, les entreprises qui ne corrigent pas ce type de problème s'exposent à des sanctions financières et à des plaintes d'utilisateurs.
Votre site a-t-il ce problème ?
106 critères RGAA analysés en 5 minutes par notre IA.
Impact sur les utilisateurs
Pour une personne aveugle utilisant un lecteur d'écran, une image sans alternative textuelle est un trou noir dans la page. Si l'image est un bouton d'action (« Ajouter au panier », « Valider la commande »), l'utilisateur ne peut pas interagir avec le site. Si l'image est un graphique dans un article, l'information qu'elle véhicule est tout simplement perdue. Les utilisateurs malvoyants qui utilisent un agrandisseur d'écran peuvent aussi être affectés si l'image est pixelisée au zoom et que seul le texte alternatif permettrait de comprendre son contenu. Les moteurs de recherche utilisent également les attributs alt pour indexer les images : un alt manquant est aussi une perte de référencement. Ce problème affecte des millions de personnes : en France, environ 1,7 million de personnes sont atteintes de troubles visuels. Ignorer l'alternative textuelle, c'est leur refuser l'accès à l'information.
Exemple de code
<img src="/images/promo-soldes.jpg">
<a href="/panier">
<img src="/icons/cart.svg">
</a>
<img src="/images/graphique-ca-2025.png"><img src="/images/promo-soldes.jpg" alt="Soldes d'été : jusqu'à -50% sur toute la collection">
<a href="/panier">
<img src="/icons/cart.svg" alt="Voir le panier">
</a>
<img src="/images/graphique-ca-2025.png" alt="Chiffre d'affaires 2025 : croissance de 12% au T1, stable au T2, +8% au T3">Questions fréquentes
Quand doit-on utiliser un attribut alt vide (alt="") ?
Comment rédiger un bon texte alternatif ?
Que se passe-t-il si une image n'a pas du tout d'attribut alt ?
Les images en CSS background ont-elles besoin d'un alt ?
Comment vérifier automatiquement les alt manquants ?
Votre site a-t-il ce problème ?
Scrutia audite votre site sur 106 critères RGAA en 5 minutes. Navigation clavier, composants ARIA, focus visible, contrastes, et bien plus.
Lancer un audit gratuit