Accessibilité d'une boutique Shopify : ce que vous maîtrisez et ce qu'il faut surveiller

Sur Shopify, l'accessibilité se joue surtout dans votre thème et vos applications. La page de paiement est gérée par Shopify ; tout ce qui la précède dépend de vous.

Ce qui dépend de vous

• Le thème : page d'accueil, collections, fiche produit, panier. Les thèmes récents de Shopify partent sur de bonnes bases, mais les personnalisations (sections ajoutées, CSS modifié, couleurs de marque) introduisent souvent des problèmes : contour de focus supprimé, contrastes trop faibles, boutons sans nom.
• Les applications : avis clients, bandeaux promotionnels, fenêtres d'inscription à la newsletter, ventes additionnelles dans le panier. Elles injectent leur propre code dans vos pages et sont une cause fréquente de régressions.
• Le panier coulissant : il doit recevoir le focus clavier à l'ouverture, se fermer avec Échap et être annoncé comme une fenêtre.

Ce que Shopify gère

La page de paiement (checkout) hébergée par Shopify est maintenue par Shopify. Les éléments que vous y ajoutez (extensions, champs personnalisés, textes) restent à vérifier.

Les problèmes que l'on rencontre le plus souvent

1. Sélecteurs de variantes (taille, couleur) sans étiquette.
2. Contour de focus supprimé par une personnalisation CSS.
3. Icônes panier, compte et recherche sans nom lisible.
4. Fenêtres surgissantes (newsletter, cookies) qui piègent le clavier.
5. Ajout au panier non annoncé aux lecteurs d'écran.

Surveiller après chaque changement

Une boutique Shopify change souvent : mise à jour du thème, nouvelle application, nouvelle campagne. Un test ponctuel est vite dépassé. TabToCart refait chaque jour le parcours d'achat au clavier sur votre boutique et vous alerte seulement quand quelque chose se dégrade, avec une liste de corrections à transmettre à votre prestataire.