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.

Testez votre site gratuitement

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

Avant (non conforme)
<img src="/images/promo-soldes.jpg">
<a href="/panier">
  <img src="/icons/cart.svg">
</a>
<img src="/images/graphique-ca-2025.png">
Après (conforme)
<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="") ?
Un attribut alt vide doit être utilisé sur les images purement décoratives qui n'apportent aucune information au contenu de la page. Par exemple, une image d'arrière-plan décorative, un séparateur visuel, ou une icône redondante avec un texte adjacent. Le alt vide indique aux lecteurs d'écran qu'ils doivent ignorer cette image.
Comment rédiger un bon texte alternatif ?
Un bon texte alternatif est concis (moins de 125 caractères idéalement), descriptif et contextuel. Il doit décrire la fonction ou l'information véhiculée par l'image, pas son apparence. Pour un bouton-image, décrivez l'action (« Envoyer le formulaire »). Pour une photo, décrivez ce qu'elle montre dans le contexte de la page. Évitez les formules comme « Image de... » qui sont redondantes.
Que se passe-t-il si une image n'a pas du tout d'attribut alt ?
Si l'attribut alt est totalement absent (pas même alt=""), le lecteur d'écran va lire le nom du fichier source de l'image. Cela produit des annonces incompréhensibles comme « slash images slash DSC underscore 4523 point jpeg ». C'est une expérience très frustrante pour l'utilisateur.
Les images en CSS background ont-elles besoin d'un alt ?
Les images définies en CSS via background-image ne sont pas accessibles aux lecteurs d'écran car elles n'existent pas dans le DOM HTML. Si une image CSS porte de l'information, il faut soit la remplacer par une balise <img> avec un alt, soit ajouter un texte masqué visuellement (classe sr-only) à côté de l'élément pour fournir l'information équivalente.
Comment vérifier automatiquement les alt manquants ?
Scrutia détecte automatiquement toutes les images sans attribut alt lors de son audit des 106 critères RGAA. L'outil identifie aussi les images avec des alt non pertinents (texte du nom de fichier, alt trop long, alt générique). Vous pouvez lancer un audit gratuit sur scrutia.io pour obtenir la liste complète des images à corriger sur votre site.

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