Corriger “image sans alt” sur PrestaShop, sans modifier le thème

Sur PrestaShop, les images sans alt — la non-conformité RGAA 1.1, présente dans 90 % des audits e-commerce — viennent presque toujours de trois endroits. Bonne nouvelle : aucun ne nécessite de toucher au thème. Tout se règle depuis le back-office, et pour les gros catalogues, en masse.

Rappel : ce qu’est un bon alt

L'attribut alt décrit l'image pour un lecteur d'écran. Pour un produit : nom + variante ("Sac à dos Voyager taille M, bleu marine"). Jamais le nom du fichier, jamais "image de". Une image purement décorative reçoit un alt vide. Le reste de cet article montre où remplir ce champ dans PrestaShop.

1. Catalogue produit

Pour chaque produit : Catalogue → Produits → onglet Images. Le champ "Légende" (caption) devient l'attribut alt généré dans le thème. Il est vide par défaut. Conseil : saisissez "nom du produit + variante". Sur PrestaShop 1.7 et 8, ce champ est défini par image, ce qui permet de différencier les vues (face, dos, détail).

2. Catégories

Catalogue → Catégories → image de catégorie. Même logique : le champ "Légende" alimente l'alt. C'est l'oubli le plus fréquent après une refonte, parce que ces images sont posées une fois et jamais rouvertes.

3. Slides de la homepage

Modules → "Image slider for your homepage" → Slides. Chaque slide a son propre champ alt. Beaucoup de boutiques laissent "slide 1", "slide 2" par défaut : pour un utilisateur aveugle, la bannière promo de la home devient muette. Remplacez par le message commercial du visuel ("Soldes -30 % sur la collection hiver").

Traiter un gros catalogue en masse

Remplir 4 000 produits à la main est impossible. Deux voies sans toucher au thème : l'import CSV (Paramètres avancés → Import), qui accepte une colonne de légende d'image, ou la génération des légendes depuis un champ existant (référence + nom) côté base de données par un développeur. Testez toujours sur un export avant de réimporter.

Vérifier que c’est corrigé

Après remplissage, rechargez une fiche produit et inspectez la balise `<img>` : l'attribut `alt` doit contenir votre légende, pas le nom du fichier. Pour contrôler tout le site d'un coup, un audit automatisé liste chaque image encore muette avec son URL.

Questions fréquentes

Faut-il un alt sur les miniatures et les zooms ?

La légende d'image PrestaShop s'applique à toutes les déclinaisons (miniature, zoom, vignette) générées depuis le même fichier source. Vous remplissez une fois, c'est propagé partout.

Que mettre pour les images 100 % décoratives ?

Une image purement décorative doit avoir un alt vide. PrestaShop ne permet pas toujours de forcer `alt=""` depuis le BO ; en pratique, ces visuels relèvent souvent du thème (fonds, séparateurs) et se gèrent côté template.

L’IA peut-elle générer les alt à ma place ?

Pour dégrossir un gros catalogue, oui, à condition de relire : une description auto-générée vaut mieux que rien, mais elle se trompe sur les variantes et les marques. Le champ doit rester juste, pas seulement rempli.