E-commerce

Audit d'accessibilite RGAA pour Shopify

Pourquoi Shopifypose des problemes d'accessibilite

Shopify est devenu le CMS e-commerce de reference, mais ses themes Liquid et ses applications tierces posent des problemes d'accessibilite systematiques. Les templates Liquid generent du HTML qui manque de balises semantiques : les fiches produits n'utilisent pas la balise article, les listes de produits ne sont pas des listes HTML, les zones de navigation ne sont pas encadrees par des balises nav. Le panier lateral (cart drawer) s'ouvre sans deplacer le focus, creant un piege de navigation pour les utilisateurs de clavier. Les filtres de collection reposent sur des composants JavaScript personnalises sans attributs ARIA. Les boutons d'action (ajouter au panier, supprimer, favoris) utilisent des icones SVG sans aria-label. Les applications tierces (reviews, upsell, pop-ups) injectent du code sans aucune consideration pour l'accessibilite. L'European Accessibility Act cible explicitement les services de commerce electronique : chaque boutique Shopify doit garantir un parcours d'achat accessible sous peine de sanctions.

Problemes frequents sur Shopify

Panier lateral sans gestion de focus

RGAA 7.3

Le cart drawer de Shopify s'ouvre en superposition mais ne deplace pas le focus clavier vers le panneau. L'utilisateur peut tabuler derriere le panneau, sur des elements invisibles. A la fermeture, le focus n'est pas restaure sur le bouton declencheur. Les utilisateurs de clavier et de lecteurs d'ecran perdent completement leur repere dans la page.

Filtres de collection sans attributs ARIA

RGAA 7.1

Les filtres par prix, taille, couleur ou marque utilisent des composants JavaScript personnalises (accordeons, sliders, checkboxes custom) sans les attributs ARIA requis : aria-expanded pour les groupes de filtres, aria-selected pour les options actives, role approprie pour les widgets. Les lecteurs d'ecran ne peuvent pas identifier l'etat des filtres ni interagir avec eux.

Boutons d'action avec icones sans label accessible

RGAA 6.2

Les boutons 'Ajouter au panier', 'Retirer', 'Favoris' et 'Comparer' utilisent des icones SVG sans texte alternatif ni aria-label. Les lecteurs d'ecran annoncent 'bouton' sans preciser l'action. Sur les pages de listing, des dizaines de boutons identiques sont annonces comme 'bouton, bouton, bouton', rendant la page totalement inutilisable.

Images produits sans alternative textuelle descriptive

RGAA 1.1

Les photos de produits Shopify n'ont pas d'attribut alt descriptif. Shopify permet de renseigner un alt text dans l'interface d'administration, mais les marchands ne le font que rarement. Les lecteurs d'ecran annoncent 'image' sans contexte, ou le nom de fichier technique (black-tshirt-front-view-2.png), privant les utilisateurs non-voyants de toute information sur le produit.

Testez votre site Shopify

Decouvrez les non-conformites RGAA de votre site Shopify en 5 minutes. Gratuit, sans engagement.

Lancer l'audit gratuit

Ce que Scrutia detecte sur Shopify

Scrutia parcourt votre boutique Shopify et teste le rendu HTML genere par vos templates Liquid. Notre moteur simule un parcours d'achat complet au clavier : navigation dans les collections, ouverture des fiches produits, ajout au panier, interaction avec le cart drawer. Nous detectons les pieges de focus, les boutons sans label, les filtres inaccessibles et les images sans alt. Chaque probleme est associe au critere RGAA concerne et accompagne du code correctif Liquid/HTML/JS a appliquer dans votre theme.

Questions frequentes — Shopify

Scrutia teste-t-il les applications tierces installees sur ma boutique Shopify ?

Oui. Scrutia analyse le rendu final de votre boutique tel qu'il apparait dans le navigateur, incluant le code injecte par les applications tierces (avis clients, pop-ups, chat, upsell). Si une application cree un probleme d'accessibilite, il sera detecte et signale dans le rapport.

Les corrections fournies sont-elles compatibles avec les themes Shopify 2.0 ?

Oui. Les corrections de code sont fournies en HTML, CSS et JavaScript standard, directement applicables dans l'editeur de theme Shopify. Pour les themes 2.0 utilisant les sections et blocs, nous precisons quel fichier Liquid modifier et comment structurer la correction.

Le checkout Shopify est-il teste ?

Le checkout standard de Shopify est gere par Shopify et est globalement accessible. Scrutia teste toutes les pages publiques de votre boutique : page d'accueil, collections, fiches produits, panier. Si vous utilisez un checkout personnalise (Shopify Plus), contactez-nous pour un audit dedie.

Auditez votre site Shopify maintenant

106 criteres RGAA testes en 5 minutes. Score gratuit, rapport complet avec corrections de code a 49 euros.

Tester mon site Shopify