Images sans alternative textuelle

L'absence d'attribut alt sur les images est le défaut d'accessibilité le plus fréquent sur le web. Le critère RGAA 1.1 (correspondant au critère WCAG 1.1.1, niveau A) exige que chaque image porteuse d'information dispose d'une alternative textuelle qui transmet la même information que le contenu visuel. Lorsque le texte alternatif est absent, les technologies d'assistance comme les lecteurs d'écran ne peuvent pas décrire ce que l'image montre, laissant les personnes aveugles ou malvoyantes sans aucune information.

Le problème ne se limite pas aux photos décoratives. Il concerne les images fonctionnelles utilisées comme liens ou boutons, les icônes qui transmettent un état, les infographies, les graphiques et les photos de produits importées via un CMS. Chaque catégorie nécessite une approche différente : les images décoratives doivent utiliser un alt vide (alt=""), les images informatives nécessitent une description concise, et les visuels complexes comme les graphiques de données requièrent une alternative textuelle plus longue fournie via une légende ou une description liée.

Ce problème est particulièrement répandu sur les sites WordPress et Shopify où les éditeurs de contenu importent des images via la bibliothèque de médias sans remplir le champ alt. Les constructeurs de sites automatisés omettent fréquemment les attributs alt, produisant des milliers d'images inaccessibles sur les sites volumineux.

Pour les personnes aveugles qui utilisent des lecteurs d'écran comme NVDA, JAWS ou VoiceOver, une image sans texte alternatif est annoncée par le nom brut du fichier -- souvent quelque chose d'incompréhensible comme « DSC_4523.jpg » ou « hero-banner-v3-final.png ». Si cette image est un lien ou un bouton, l'utilisateur n'a aucune idée de l'action qu'il effectue, rendant des interactions essentielles comme l'ajout d'un article au panier ou la soumission d'un formulaire impossibles.

Les utilisateurs malvoyants qui utilisent un grossissement peuvent également être affectés lorsqu'ils zooment au-delà de l'image et que seule l'alternative textuelle leur permettrait de comprendre ce qui était affiché. Les moteurs de recherche utilisent aussi les attributs alt pour indexer les images, donc un alt manquant est une perte directe de référencement.

À l'échelle mondiale, environ 2,2 milliards de personnes souffrent d'une forme de déficience visuelle. Omettre le texte alternatif exclut une part significative de votre audience de la compréhension de votre contenu, et constitue une violation de niveau A du RGAA -- le niveau le plus fondamental de conformité que chaque site doit atteindre.

Le moteur d'audit automatisé de Scrutia scanne chaque page de votre site et signale tous les éléments <img> qui n'ont aucun attribut alt, ainsi que les images dont le texte alternatif est un nom de fichier, un placeholder généré automatiquement ou une chaîne excessivement longue. Il vérifie également les images fonctionnelles à l'intérieur de liens et boutons pour s'assurer que l'alternative textuelle décrit l'action plutôt que l'apparence de l'image. Les résultats sont présentés avec l'emplacement exact de l'élément et un correctif prêt à l'emploi.