Accessibilité PrestaShop : les non-conformités les plus fréquentes et comment les corriger
Sur les boutiques PrestaShop que nous avons analysées, trois défauts reviennent le plus souvent : un contraste de texte insuffisant, des images produits sans légende utile et des liens ou boutons sans intitulé compréhensible pour un lecteur d'écran. Les deux premiers se corrigent depuis le back-office, sans toucher au thème ; le troisième demande parfois une petite intervention dans le code du thème.
Combien de clients votre boutique PrestaShop perd-elle sans le savoir ?
69 % des internautes en situation de handicap quittent un site qu'ils trouvent difficile à utiliser, et seuls 8 % le signalent au marchand (étude Click-Away Pound, Royaume-Uni, 2019). En France, 60 % des entreprises interrogées estiment avoir déjà perdu des clients faute d'accessibilité (Capterra, 2024). Sur notre baromètre, les boutiques PrestaShop obtiennent un score médian de 37/100, contre 46/100 sur l'ensemble de l'échantillon (détail plus bas) : une marge de progression réelle, pas un défaut propre au logiciel PrestaShop lui-même, qui reste un CMS ouvert et personnalisable.
Pourquoi mon thème PrestaShop n'est-il pas automatiquement accessible ?
PrestaShop fournit un thème de base, mais la documentation destinée aux développeurs de thèmes rappelle que l'accessibilité dépend de la façon dont il est personnalisé : couleurs choisies, images ajoutées, structure des titres, formulaires. Rien dans l'installation par défaut ne garantit que ces choix restent conformes une fois la boutique en ligne, d'où l'intérêt d'un contrôle après chaque changement de thème ou de module de mise en page, pas seulement au lancement.
Le contraste de mes textes est-il suffisant ?
C'est la non-conformité la plus fréquente, sur PrestaShop comme sur les autres plateformes de notre baromètre (74 % des 140 sites analysés, voir plus bas). Les seuils viennent des WCAG 2.1, critère 1.4.3 :
- texte courant : ratio de contraste d'au moins 4,5:1 entre le texte et son arrière-plan ;
- texte large (au moins 18 points, ou 14 points en gras) : ratio d'au moins 3:1.
La documentation destinée aux thèmes PrestaShop reprend le même seuil et ajoute une règle utile au-delà du simple ratio : ne jamais faire reposer une information uniquement sur la couleur, il faut toujours l'associer à du texte ou à un repère visuel reconnaissable (un badge « rupture de stock » rouge doit aussi porter le mot « rupture de stock », pas seulement une pastille colorée). Sur une boutique PrestaShop, les points les plus souvent fautifs sont le texte des bandeaux promotionnels de la page d'accueil et les boutons secondaires en couleur claire sur fond clair. Pour corriger :
- Repérez le texte concerné dans l'éditeur de thème ou le module de bandeau (accueil, fiches produit, boutons d'ajout au panier).
- Mesurez le contraste réel avec un vérificateur de contraste indépendant de PrestaShop.
- Si le ratio est insuffisant, assombrissez le texte, éclaircissez le fond, ou ajoutez un bandeau semi-transparent derrière un texte posé sur une image, puis revérifiez sur mobile : un contraste correct sur ordinateur peut redevenir insuffisant si le thème réduit la taille du texte.
Mes images produits ont-elles une légende utile ?
Sur PrestaShop, chaque image produit possède un champ dédié, la « Légende », accessible dans l'onglet « Essentiel » de la fiche produit : cliquez sur la miniature d'une image pour faire apparaître ses paramètres, dont ce champ. La documentation officielle est claire sur son rôle : « Chaque image peut comporter une légende décrivant brièvement l'image (et le produit)… la légende est considérée comme l'attribut alt de l'image. » C'est ce même champ qui sert à la fois le référencement et l'accessibilité : un lecteur d'écran lit cette légende à la place de l'image.
31 % des sites de notre baromètre ont des images sans alternative textuelle. Le critère WCAG 1.1.1 demande que tout contenu non textuel porteur d'une information ait une alternative qui remplit la même fonction. Concrètement, pour une fiche produit PrestaShop :
- Décrivez le produit comme si vous le présentiez à quelqu'un qui ne voit pas la photo : type de produit, couleur si elle est un critère d'achat, matière, détail distinctif visible.
- Évitez un texte générique (le nom du fichier importé, ou une simple répétition du nom du produit déjà affiché à côté).
- Pour une image purement décorative, laissez le champ vide plutôt que d'y mettre un texte qui n'apporte rien.
- Vous vendez en plusieurs langues ? La documentation le rappelle : chaque légende se traduit à part, elle ne se duplique pas automatiquement.
Mes liens et boutons sont-ils compréhensibles hors contexte ?
58 % des sites de notre baromètre ont des liens sans intitulé explicite. Sur une boutique PrestaShop, cela touche souvent les icônes du panier, de la recherche ou des favoris dans l'en-tête, et les liens « en savoir plus » répétés sur une page de catégorie. La documentation des thèmes PrestaShop pose la règle pour les champs de formulaire : chaque champ doit avoir une étiquette associée, visible ou technique (un <label> ou son équivalent ARIA), et recommande d'ajouter un texte réservé aux lecteurs d'écran quand le contexte visible ne suffit pas. Pour corriger :
- Repérez les intitulés répétés ou vagues (« ici », « en savoir plus », « voir ») dans les blocs de contenu, le pied de page et les filtres de catégorie, et complétez-les quand c'est possible (« en savoir plus sur la livraison »).
- Pour une icône seule (panier, recherche, favoris), il faut un intitulé accessible invisible à l'écran, par exemple un attribut
aria-labeldans le code du thème : c'est la correction qui demande le plus souvent votre développeur ou votre agence. - Vérifiez aussi les champs de votre formulaire de commande et de contact : un champ sans étiquette associée oblige la personne à deviner ce qu'elle doit y saisir.
Puis-je naviguer sur ma boutique au clavier, sans souris ?
La documentation des thèmes PrestaShop est directe sur ce point : tous les éléments interactifs doivent être atteignables et utilisables au clavier, avec un lien d'évitement en haut de page pour sauter la navigation répétée, et l'indicateur visuel de focus ne doit jamais être supprimé sans remplacement tout aussi visible. Pour une fenêtre de panier ou de connexion en superposition, elle ajoute que le focus doit y entrer et y rester tant qu'elle est ouverte, sans jamais se perdre. Pour vérifier votre boutique sans outil particulier : parcourez votre page d'accueil et une fiche produit avec la seule touche Tab, en repérant si un contour reste visible autour de l'élément actif.
Dois-je vérifier autre chose que ces trois points ?
La documentation des thèmes PrestaShop ajoute une règle sur la hiérarchie des titres : les niveaux <h1> à <h6> doivent se suivre sans saut, car c'est cette hiérarchie qui structure la page pour une personne qui navigue avec un lecteur d'écran. Traitez d'abord le contraste, la légende des images et les intitulés de liens, qui concentrent la majorité des écarts observés sur notre échantillon.
Ce que montre notre baromètre
Sur les 140 pages d'accueil de boutiques en ligne françaises analysées entre le 13 et le 25 septembre 2026 (page mise à jour : audit.kynetik.fr/barometre), le contraste insuffisant touche 74 % des sites, les liens sans intitulé explicite 58 %, et les images sans alternative textuelle 31 %. Sur le sous-échantillon de 55 pages PrestaShop, le score médian est de 37/100, contre 53,5/100 sur le sous-échantillon Shopify (voir notre page accessibilité Shopify) et 46/100 sur l'ensemble de l'échantillon. Cet échantillon n'est pas représentatif de l'ensemble du marché : la méthode est détaillée sur la page du baromètre.
Vérifier votre boutique
Notre aperçu gratuit analyse votre page d'accueil en quelques secondes et repère une partie de ces non-conformités. Pour voir le détail que contient un rapport complet, consultez notre exemple de rapport. Le rapport complet à 49 € TTC analyse deux pages de votre boutique (l'accueil et une page produit) et détaille chaque non-conformité relevée automatiquement, avec la correction à apporter.