L'erreur la plus courante concernant les textes alternatifs n'est pas qu'ils manquent. Cela arrive aussi, mais c'est l'erreur visible qui se remarque rapidement. L'erreur plus persistante est que le texte alternatif est bel et bien présent, mais n'apporte rien : le nom du fichier de la photo, le mot « image », une description détaillée d'une bordure décorative, ou rien du tout pour un bouton composé uniquement d'une icône. Pour un utilisateur de lecteur d'écran, cela produit du bruit au lieu d'informations, et parfois cela signifie qu'une fonction de la page devient inutilisable.
WCAG 2.1, la norme sur laquelle EN 301 549 est basée, exige que le contenu non textuel dispose d'une alternative textuelle qui remplit le même objectif. Cela semble simple, mais en pratique, cette exigence est souvent cochée formellement sans que le texte soit fonctionnel. Il y a quelque chose dans l'attribut alt, la liste de contrôle est validée, mais l'utilisateur qui se fait lire le texte n'en tire aucun bénéfice.
Qu'est-ce qui ne va pas exactement
Quelques modèles reviennent régulièrement. Le nom du fichier comme texte alternatif, comme « IMG_2044.jpg » ou « product-photo-3.png », parce qu'un système éditorial le remplit automatiquement et personne ne le corrige. Un texte alternatif rempli de mots-clés au lieu d'une description, ce qui peut être destiné aux moteurs de recherche mais sonne comme une énumération dénuée de sens pour un lecteur d'écran. Une image décorative, comme une photo d'ambiance à côté d'un titre, qui reçoit quand même une description détaillée et ralentit ainsi inutilement l'ordre de lecture. Et peut-être la plus courante : les icônes fonctionnelles, comme un panier, une loupe ou une croix pour fermer quelque chose, qui fonctionnent comme des boutons mais n'ont aucune désignation textuelle. Un lecteur d'écran lit alors seulement « bouton », sans qu'il soit clair ce que ce bouton fait.
Pour les images de produits, c'est souvent l'inverse : le texte alternatif décrit la photo au lieu du produit. « Femme avec un pull bleu sur la plage » ne dit rien sur le vêtement qui est vendu, alors que c'est précisément l'information qu'un utilisateur recherche quand il ne peut pas voir la photo.
Pourquoi une analyse automatisée ne détecte pas complètement cela
Une analyse peut avec certitude déterminer si une image dispose d'un attribut alt et si celui-ci est vide. C'est utile et détecte les erreurs les plus grossières. Ce qu'une analyse ne peut pas déterminer avec certitude, c'est si le contenu de ce texte est correct : si « photo » décrit vraiment ce qui est visible, ou si un bouton icône a reçu un nom significatif qui correspond à la fonction. Cela nécessite l'évaluation par un humain, et c'est précisément pourquoi chaque rapport indique quelle partie de l'évaluation est automatisée et quelle partie ne l'est pas. Si vous voulez rapidement voir où se situent les cas évidents pour votre propre site, cela peut être visible en quelques minutes avec l'analyse rapide gratuite.
Comment l'éviter
La question la plus pratique lors de la rédaction d'un texte alternatif est : que dirais-je à haute voix pour décrire cette image à quelqu'un qui ne la voit pas, dans le contexte de cette page ? Pour une photo de produit, c'est le vêtement, la couleur ou la caractéristique que la photo montre. Pour un bouton, c'est l'action que le bouton effectue, pas l'icône elle-même. Pour une image purement décorative, comme un motif d'arrière-plan, un texte alternatif vide (alt="") est justement le bon choix, afin qu'un lecteur d'écran ignore l'image au lieu de lire quelque chose qui n'apporte rien.
C'est aussi l'un des endroits où une situation précédemment satisfaisante peut se dégrader sans que personne ne s'en aperçoive : un rédacteur ajoute une nouvelle photo de produit, le système remplit automatiquement le nom du fichier, et le texte qui était présent auparavant disparaît. Ce n'est pas une tâche ponctuelle mais quelque chose qui réapparaît à chaque modification, ce qui explique pourquoi ce sujet relève des exigences plus larges concernant le contenu non textuel qui sont développées dans la base de connaissances selon chaque situation.
Ce que cela apporte
Un bon texte alternatif n'est pas une question de quantité de texte, mais de texte approprié au bon endroit : court et fonctionnel pour les boutons et les icônes, significatif pour les photos de produits, et absent lorsqu'une image est purement décorativeTée. Cette distinction ne prend que peu de temps une fois que le modèle est clair, et elle économise beaucoup de travail ultérieur. La manière dont nous traduisons cette distinction dans un rapport en points concrets et hiérarchisés est décrite sur la page sur la façon dont l'évaluation est effectuée, et pour les questions qui reviennent le plus souvent à ce sujet, il y a un aperçu avec réponses.
Voulez-vous savoir si ce type d'erreurs se trouve également sur votre propre site ? L'analyse rapide gratuite vous en donne un premier aperçu, sans engagement et sans qu'il soit nécessaire de créer un compte.