Écrire un texte ALT utile aux acheteurs et aux moteurs

L'attribut alt est lu à voix haute par les lecteurs d'écran, et affiché quand l'image ne se charge pas. C'est sa fonction première. Le fait que les moteurs de recherche s'en servent aussi est une conséquence, pas l'objectif.

Cette hiérarchie n'est pas une position morale, elle est opérationnelle : un ALT écrit pour un humain contient naturellement les bons mots. Un ALT écrit pour un robot ressemble à du spam, et Google le traite comme tel.

Trois exemples

Le troisième décrit ce qu'on verrait. Il contient la matière, la couleur, le type de produit et l'angle de prise de vue, sans répéter un mot-clé une seule fois de trop.

La nuance que presque tous les audits ratent

Il existe une différence importante entre une image sans attribut alt et une image portant alt="", un attribut vide.

• alt absent : le lecteur d'écran annonce souvent le nom du fichier, ce qui est inutile et bruyant. C'est un vrai défaut.
• alt="" : c'est la manière recommandée par les règles d'accessibilité WCAG de marquer une image purement décorative pour que le lecteur d'écran la saute. C'est un choix correct.

Vérifier sur votre boutique

L'ALT le plus fiable ne se lit pas dans le HTML de la page, où le thème peut le remplacer par un attribut vide. Il se lit dans la propriété du média, telle qu'elle est enregistrée dans Shopify : ouvrez la fiche produit, cliquez sur une image, et lisez son texte alternatif dans l'administration.

C'est la valeur que vous avez saisie une fois, qu'aucun thème ne peut fausser à votre place. Un audit qui vous annonce un chiffre sans regarder là, mais seulement dans le HTML rendu, mesure le travail de votre thème, pas le vôtre.