Deux images identiques sur des pages différentes peuvent nécessiter des alternatives textuelles différentes. Une photographie de chaise dans un catalogue présente un produit ; une petite copie près d’un lien déjà nommé peut simplement en répéter le sens. Se demander « que représente l’image ? » est utile, mais insuffisant. Déterminez d’abord pourquoi elle est là et ce qui manquerait à une personne qui ne peut pas la voir.
Distinguez trois fonctions
Une illustration informative ordinaire a besoin d’une alternative concise qui transmet ce qui compte dans son contexte. Pour une image constituant le seul contenu d’un bouton ou d’un lien, l’action ou la destination importe davantage. La décoration pure ne doit pas imposer de lecture inutile. L’arbre de décision du W3C aide à distinguer ces situations, mais ne remplace pas la compréhension éditoriale du contenu.
Décrivez ce que l’on doit remarquer
Un article imaginaire sur l’aménagement d’une pièce pourrait montrer une chaise près d’un passage. Sa position compte ici davantage que toutes les nuances de son revêtement. N’ajoutez pas de propriétés que la photographie ne permet pas d’établir : confort, qualité, efficacité ou caractère « meilleur ». Une illustration conceptuelle peut être présentée comme une illustration. Une légende visible peut expliquer séparément l’origine du visuel et les détails utiles à tous.
Nommez l’action lorsque l’image sert de commande
Une icône de loupe peut ouvrir la recherche, agrandir une photographie ou révéler des détails. Décrire sa forme n’explique pas ce que fera son activation. Lorsque le même lien comporte déjà un libellé textuel complet de l’action, l’image peut être redondante. Vérifiez le nom accessible de l’ensemble de la commande plutôt que de donner la même formule à chaque image.
Un attribut alt vide n’est pas un attribut alt absent
Pour une image décorative, le W3C décrit une alternative textuelle vide. C’est un choix délibéré, différent de l’omission de l’attribut. Ne l’utilisez pas pour masquer des informations importantes. Si un schéma contient plusieurs relations ou si un graphique transmet des données, une alternative courte ne remplace pas une explication complète : fournissez ces informations dans un texte accessible à proximité.
Lisez la page comme une conversation
Lisez ensemble le texte et les alternatives des images dans l’ordre de la page. Un même nom est-il répété trois fois ? Comprend-on ce que fait un bouton ? Certaines informations ne figurent-elles que dans une image ? Testez ensuite la lecture réelle avec une technologie d’assistance. Dans une autre langue, traduisez le sens et l’action, pas le nom du fichier. Un bon texte alternatif aide à expliquer la page ; ce n’est pas un espace pour des listes promotionnelles et il ne garantit aucun classement dans les recherches.