"Quel nom de fichier voudriez-vous qu'un lecteur d'écran lise à haute voix dans votre oreille 40 fois par jour ?" C'est une question légèrement absurde, mais c'est exactement ce qui se passe lorsqu'une image significative se retrouve avec alt="image1.jpg" ou, pire, sans texte alternatif du tout. Cet article est un guide pratique pour rédiger un texte alternatif qui aide réellement – pas seulement présent, mais bon.
En bref : ce que couvre ce guide
Pourquoi un mauvais texte alternatif est presque aussi mauvais qu'un texte alternatif manquant
Sous WCAG 1.1.1, tout contenu non textuel doit avoir une alternative textuelle – mais l'exigence formelle ne représente que la moitié de l'histoire. "image1.jpg", "image" ou "logo" répondent techniquement à l'exigence (il existe un attribut alt), mais ils ne transmettent aucune information réelle. Un utilisateur de lecteur d'écran qui entend une chaîne de "image... image... image23.png" n'est pas moins frustré qu'un utilisateur voyant regardant une série de cadres vides.
Comment rédiger un bon texte alternatif
La règle directrice : décrivez le message de l'image dans le contexte où elle apparaît, et non une description littérale de ce que vous voyez. Une photo de personnes autour d'une table lors d'une réunion d'équipe, accompagnant un article sur la collaboration, pourrait porter la mention "Équipe travaillant ensemble autour d'une table" et non "Photo de personnes". Pour un tableau ou un graphique, décrivez les points à retenir que le graphique présente : "Le graphique à barres montrant une augmentation de 40 % des ventes au troisième trimestre" est nettement meilleur que le "Graphique à barres".
- Court et pertinent : généralement 1 à 2 phrases suffisent ; il n'est pas nécessaire de décrire chaque détail visuel.
- Ignorer « image de » ou « image de » : le lecteur d'écran annonce déjà qu'il s'agit d'une image, il n'est donc pas nécessaire de la répéter.
- Considérez le texte environnant : la même image peut obtenir un texte alternatif différent dans différents contextes.
Quand laisser le texte alternatif intentionnellement vide
Toutes les images n'ont pas besoin d'une description. Les images purement décoratives (lignes de séparation graphiques, illustrations d'arrière-plan, icônes qui ne font que répéter le texte à proximité) sont mieux étiquetées avecalt=""(texte alternatif vide, non manquant) afin que le lecteur d'écran les ignore complètement. La différence entre « manquant » et « intentionnellement vide » est critique : manquant sonne comme une erreur ou lit le nom du fichier ; intentionnellement vide, il le saute simplement en silence.
💡 Conseil pratique
Un test rapide : si vous supprimiez entièrement l'image de la page, un utilisateur qui ne peut pas la voir manquerait-il quelque chose ? Sinon, c'est probablement décoratif et adapté à un alt vide.
Que faire avec des graphiques et des diagrammes complexes
Pour un graphique de données complexe, un tableau de comparaison illustré ou une infographie comportant plusieurs couches d'informations, un texte alternatif court ne suffit pas : il y a trop d'informations à transmettre. La solution : un texte alternatif court qui décrit le sujet général, accompagné (dans le texte normal entourant l'image, pas seulement dans l'attribut alt) d'une description plus détaillée des données importantes, ou d'un tableau de données équivalent qu'un lecteur d'écran peut parcourir.
Vous ne savez pas quel texte alternatif est manquant ou problématique sur votre site ?
Notre outil recherche les images sans texte alternatif dans chaque document de votre site et les marque par priorité.
Rendre vos documents accessibles gratuitement ←