Audit d'accessibilite RGAA pour PrestaShop
Pourquoi PrestaShoppose des problemes d'accessibilite
PrestaShop est le CMS e-commerce open-source le plus utilise en France, mais son code legacy et ses modules tiers posent des problemes d'accessibilite majeurs. Les themes PrestaShop historiques utilisent des tableaux HTML pour la mise en page au lieu de CSS Flexbox ou Grid, creant des structures incomprehensibles pour les lecteurs d'ecran. Les formulaires d'inscription, de commande et de contact manquent systematiquement de labels programmatiques : les champs ont des placeholders mais pas de balises label associees. Les modules de paiement, de livraison et de promotions injectent du HTML non semantique sans attributs ARIA. La navigation par clavier est negligee : les menus deroulants ne fonctionnent qu'a la souris, les filtres de catalogue ne sont pas accessibles au clavier, les modales de zoom produit creent des pieges de focus. PrestaShop 8 a ameliore certains aspects, mais la majorite des boutiques en production utilisent encore des themes et modules non conformes.
Problemes frequents sur PrestaShop
Tableaux HTML utilises pour la mise en page
RGAA 5.3Les themes PrestaShop classiques et de nombreux modules utilisent des balises table, tr et td pour positionner les elements au lieu de CSS. Les lecteurs d'ecran interpretent ces tableaux comme des donnees tabulaires et annoncent 'tableau, 3 colonnes, 5 lignes' pour ce qui est en realite un layout visuel. L'utilisateur non-voyant tente de naviguer dans le 'tableau' avec les raccourcis dedies, sans comprendre la structure de la page.
Formulaires sans labels programmatiques
RGAA 11.1Les 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 associees au champ via l'attribut for. Les messages d'erreur ne sont pas relies aux champs concernes via aria-describedby. Les champs obligatoires ne sont pas identifies programmatiquement (aria-required).
Navigation par menu uniquement a la souris
RGAA 12.1Les menus de categories PrestaShop avec sous-menus deroulants fonctionnent au survol souris (CSS :hover ou JavaScript mouseenter). La navigation clavier n'est pas supportee : impossible d'ouvrir un sous-menu avec les touches fleches, Entree ou Espace. Les categories enfants sont completement inaccessibles aux utilisateurs de clavier et de lecteurs d'ecran.
Modules tiers injectant du HTML non accessible
RGAA 7.1Les modules PrestaShop (paiement, livraison, avis clients, pop-ups marketing) injectent du HTML sans aucune consideration pour l'accessibilite. Les pop-ups de cookies n'ont pas de focus trap. Les modules de chat en direct creent des boutons sans label. Les modules de paiement affichent des formulaires dans des iframes sans titre. Chaque module ajoute une couche de non-conformite.
Testez votre site PrestaShop
Decouvrez les non-conformites RGAA de votre site PrestaShop en 5 minutes. Gratuit, sans engagement.
Lancer l'audit gratuitCe que Scrutia detecte sur PrestaShop
Scrutia analyse le rendu final de votre boutique PrestaShop dans un navigateur reel. Notre moteur detecte les tableaux de mise en page, les formulaires sans labels, les menus inaccessibles au clavier et le code non conforme injecte par les modules tiers. Nous testons le parcours d'achat complet au clavier : navigation dans les categories, consultation d'une fiche produit, ajout au panier, formulaire de commande. Chaque non-conformite est associee au critere RGAA concerne avec le code correctif HTML/CSS/JS adapte a la structure PrestaShop.
Questions frequentes — PrestaShop
Scrutia fonctionne-t-il avec PrestaShop 1.6 et 1.7 ?
Les corrections sont-elles applicables dans les templates Smarty/Twig de PrestaShop ?
Un theme PrestaShop 'responsive' est-il automatiquement accessible ?
Auditez votre site PrestaShop maintenant
106 criteres RGAA testes en 5 minutes. Score gratuit, rapport complet avec corrections de code a 49 euros.
Tester mon site PrestaShop