E-commerce

Audit d'accessibilité RGAA pour PrestaShop

Pourquoi PrestaShop pose des problèmes d'accessibilité

PrestaShop est le CMS e-commerce open-source le plus utilisé en France, mais son code legacy et ses modules tiers posent des problèmes d'accessibilité majeurs. Les thèmes PrestaShop historiques utilisent des tableaux HTML pour la mise en page au lieu de CSS Flexbox ou Grid, créant des structures incompréhensibles pour les lecteurs d'écran. Les formulaires d'inscription, de commande et de contact manquent systématiquement de labels programmatiques : les champs ont des placeholders mais pas de balises label associées. Les modules de paiement, de livraison et de promotions injectent du HTML non sémantique sans attributs ARIA. La navigation par clavier est négligée : les menus déroulants ne fonctionnent qu'à la souris, les filtres de catalogue ne sont pas accessibles au clavier, les modales de zoom produit créent des pièges de focus. PrestaShop 8 a amélioré certains aspects, mais la majorité des boutiques en production utilisent encore des thèmes et modules non conformes.

Problèmes fréquents sur PrestaShop

Tableaux HTML utilisés pour la mise en page

RGAA 5.3

Les thèmes PrestaShop classiques et de nombreux modules utilisent des balises table, tr et td pour positionner les éléments au lieu de CSS. Les lecteurs d'écran interprètent ces tableaux comme des données tabulaires et annoncent 'tableau, 3 colonnes, 5 lignes' pour ce qui est en réalité un layout visuel. L'utilisateur non-voyant tente de naviguer dans le 'tableau' avec les raccourcis dédiés, sans comprendre la structure de la page.

Formulaires sans labels programmatiques

RGAA 11.1

Les formulaires PrestaShop (inscription, adresse de livraison, contact, avis produit) utilisent des placeholders comme seule indication du champ attendu. Les balises label sont absentes ou non associées au champ via l'attribut for. Les messages d'erreur ne sont pas reliés aux champs concernés via aria-describedby. Les champs obligatoires ne sont pas identifiés programmatiquement (aria-required).

Navigation par menu uniquement à la souris

RGAA 12.1

Les menus de catégories PrestaShop avec sous-menus déroulants fonctionnent au survol souris (CSS :hover ou JavaScript mouseenter). La navigation clavier n'est pas supportée : impossible d'ouvrir un sous-menu avec les touches flèches, Entrée ou Espace. Les catégories enfants sont complètement inaccessibles aux utilisateurs de clavier et de lecteurs d'écran.

Modules tiers injectant du HTML non accessible

RGAA 7.1

Les modules PrestaShop (paiement, livraison, avis clients, pop-ups marketing) injectent du HTML sans aucune considération pour l'accessibilité. Les pop-ups de cookies n'ont pas de focus trap. Les modules de chat en direct créent des boutons sans label. Les modules de paiement affichent des formulaires dans des iframes sans titre. Chaque module ajoute une couche de non-conformité.

Testez votre site PrestaShop

Découvrez les non-conformités RGAA de votre site PrestaShop en 5 minutes. Gratuit, sans engagement.

Lancer l'audit gratuit

Ce que Scrutia détecte sur PrestaShop

Scrutia analyse le rendu final de votre boutique PrestaShop dans un navigateur réel. Notre moteur détecte les tableaux de mise en page, les formulaires sans labels, les menus inaccessibles au clavier et le code non conforme injecté par les modules tiers. Nous testons le parcours d'achat complet au clavier : navigation dans les catégories, consultation d'une fiche produit, ajout au panier, formulaire de commande. Chaque non-conformité est associée au critère RGAA concerné avec le code correctif HTML/CSS/JS adapté à la structure PrestaShop.

Questions fréquentes — PrestaShop

Scrutia fonctionne-t-il avec PrestaShop 1.6 et 1.7 ?
Oui. Scrutia analyse le HTML rendu dans le navigateur, quelle que soit la version de PrestaShop. Les problèmes spécifiques aux anciennes versions (tableaux de mise en page, jQuery obsolète) sont détectés au même titre que ceux des versions récentes.
Les corrections sont-elles applicables dans les templates Smarty/Twig de PrestaShop ?
Oui. Le rapport fournit le code HTML/CSS/JS correctif et précise quel fichier de template modifier (fichiers .tpl pour Smarty en PS 1.6-1.7, fichiers .twig pour PS 8). Les corrections sont directement applicables dans les fichiers de votre thème.
Un thème PrestaShop 'responsive' est-il automatiquement accessible ?
Non. Le responsive design (adaptation mobile) et l'accessibilité sont deux choses distinctes. Un thème peut parfaitement s'adapter aux écrans mobiles tout en étant inaccessible au clavier, sans labels de formulaire et sans attributs ARIA. L'audit Scrutia teste l'accessibilité réelle, pas seulement le responsive.

Auditez votre site PrestaShop maintenant

106 critères RGAA testés en 5 minutes. Score gratuit, rapport complet multi-pages avec corrections de code à partir de 149€.

Tester mon site PrestaShop