Texte alternatif des images : bien rédiger l'attribut alt

Ce que disent la WCAG et le RGAA

Le critère 1.1.1 de la WCAG 2.1 (niveau A) impose que tout contenu non textuel ait une alternative textuelle pertinente. Le RGAA reprend cette exigence et la décline en plusieurs critères selon le type d'image : informative, de décoration, porteuse de lien, image-objet, CAPTCHA ou SVG. L'idée centrale reste la même : une personne qui ne voit pas l'image doit recevoir la même information que celle qui la voit.

Images informatives : décrire la fonction, pas le pixel

Une image qui apporte une information doit avoir un attribut alt qui transmet cette information, et non une description littérale du visuel. Pour un pictogramme indiquant un téléphone à côté d'un numéro, l'alternative utile est par exemple le mot téléphone, pas une description graphique du combiné. Restez concis : une à deux phrases suffisent en général. Évitez de commencer par image de ou photo de, car le lecteur d'écran annonce déjà la nature de l'élément.

Images de décoration : un alt vide, volontairement

Une image purement décorative, comme une bordure ou une illustration d'ambiance sans information, doit recevoir un attribut alt vide, c'est-à-dire des guillemets sans aucun texte entre eux. Cela indique aux technologies d'assistance d'ignorer l'image. Il ne faut surtout pas omettre l'attribut alt : un attribut absent pousse certains lecteurs d'écran à lire le nom du fichier, souvent illisible. L'image décorative ne doit pas non plus porter d'attribut title.

Images complexes : graphiques, schémas et infographies

Un graphique, un schéma ou une infographie transporte souvent trop d'information pour un court attribut alt. Dans ce cas, prévoyez une description détaillée à proximité : un texte adjacent, un tableau de données équivalent ou un lien vers une page de description. L'attribut alt reste utile pour résumer le sujet et orienter vers cette description longue. C'est un point fréquemment manqué que nous repérons lors d'un audit, car l'image semble accessible alors que sa donnée chiffrée ne l'est pas.

Questions fréquentes

Faut-il toujours remplir l'attribut alt ?

Oui, l'attribut alt doit toujours être présent sur une balise image. Sa valeur, en revanche, dépend du rôle de l'image : elle contient une description pour une image informative, et reste vide pour une image purement décorative. C'est la présence systématique de l'attribut, plus que son contenu, qui évite les comportements imprévisibles des lecteurs d'écran.

Quelle longueur pour un bon texte alternatif ?

Il n'existe pas de limite officielle dans la WCAG, mais une alternative efficace reste courte et va à l'essentiel, souvent moins de cent à cent vingt caractères. Si l'image nécessite une description plus longue, comme un graphique, mieux vaut fournir cette description dans le contenu de la page et garder l'attribut alt comme résumé.

Quelle différence entre l'attribut alt et l'attribut title ?

L'attribut alt fournit l'alternative textuelle lue par les technologies d'assistance et constitue l'élément exigé par la WCAG. L'attribut title affiche une infobulle au survol de la souris, mais il n'est pas fiable pour l'accessibilité car il n'est pas accessible au clavier ni systématiquement restitué. Ne comptez jamais sur le seul title pour décrire une image.

Que faire pour une image qui est aussi un lien ?

Quand une image est l'unique contenu d'un lien ou d'un bouton, son alternative textuelle doit décrire la destination ou l'action, pas l'apparence de l'image. Par exemple, le logo en haut de page qui ramène à l'accueil aura une alternative indiquant la page d'accueil. Sans cela, le lecteur d'écran annonce un lien sans intitulé.

Comment vérifier que mes images sont conformes ?

Vous pouvez parcourir votre site avec un lecteur d'écran, inspecter le code des images ou utiliser un outil automatique pour repérer les attributs alt manquants. Les outils détectent l'absence d'alt mais jugent mal la pertinence du texte. Un diagnostic gratuit permet d'identifier rapidement les images problématiques, et un audit manuel reste nécessaire pour valider la qualité réelle des alternatives.