E-commerce

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.3

Les 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.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 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.1

Les 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.1

Les 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 gratuit

Ce 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 ?
Oui. Scrutia analyse le HTML rendu dans le navigateur, quelle que soit la version de PrestaShop. Les problemes specifiques aux anciennes versions (tableaux de mise en page, jQuery obsolete) sont detectes au meme titre que ceux des versions recentes.
Les corrections sont-elles applicables dans les templates Smarty/Twig de PrestaShop ?
Oui. Le rapport fournit le code HTML/CSS/JS correctif et precise 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 theme.
Un theme PrestaShop 'responsive' est-il automatiquement accessible ?
Non. Le responsive design (adaptation mobile) et l'accessibilite sont deux choses distinctes. Un theme peut parfaitement s'adapter aux ecrans mobiles tout en etant inaccessible au clavier, sans labels de formulaire et sans attributs ARIA. L'audit Scrutia teste l'accessibilite reelle, pas seulement le responsive.

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