Lecture : 9 min · Yoan Gwizdala

Tester l'accessibilité de sa boutique en 30 minutes, sans rien payer

Avant de commander un audit à qui que ce soit, vous pouvez savoir dans quel état est votre boutique. Six tests, cinq minutes chacun, avec les outils que vous avez déjà installés. Le premier élimine à lui seul la moitié des boutiques que je regarde.

Test 1 : commander sans souris (5 min)

Le plus simple, le plus dur à passer, et celui qui compte le plus. Ouvrez votre boutique, posez la souris hors de portée, et passez une commande complète.

• Tab pour avancer, Maj+Tab pour reculer.
• Entrée pour activer un lien ou un bouton, Espace pour cocher.
• Flèches pour les groupes de boutons radio et les listes déroulantes.

Notez chaque endroit où vous êtes bloqué : c'est votre liste de corrections prioritaires. Les points de blocage classiques : le sélecteur de quantité, le choix de la taille, le bandeau de cookies, la modale de point relais, et le bouton final de paiement.

Test 2 : zoomer à 200 %, puis à 400 % (5 min)

Ctrl et + (ou Cmd et + sur Mac), quatre ou cinq fois. À 200 %, tout doit rester utilisable. À 400 % sur une fenêtre de bureau, on se rapproche de ce que voit un utilisateur de téléphone : le contenu doit passer en une colonne, sans barre de défilement horizontale.

Ce que ce test révèle presque toujours :

• Des prix tronqués ou coupés en deux par un retour à la ligne mal placé.
• Des boutons qui se chevauchent, ou dont le texte débordé devient illisible.
• Un en-tête collant qui, agrandi, occupe la moitié de l'écran.
• Un tableau de tailles qui impose de défiler horizontalement dans toute la page.

Test 3 : mesurer les contrastes (5 min)

C'est le défaut numéro un du web : 83,9 % des pages d'accueil analysées par le rapport WebAIM Million 2026. Vous n'avez rien à installer : la pipette du sélecteur de couleur des outils de développement de votre navigateur affiche directement le rapport de contraste, et signale s'il passe le niveau AA.

Les seuils : 4,5 pour 1 en texte courant, 3 pour 1 à partir de 24 px, ou de 19 px en gras. Vérifiez en priorité les endroits où l'on met du gris clair par habitude :

• Les prix barrés et les mentions « à partir de ».
• Les frais de port et les délais de livraison.
• Les mentions de stock, les tailles épuisées.
• Les textes indicatifs dans les champs de formulaire.
• Les libellés secondaires du pied de page.

Test 4 : couper les images (5 min)

Dans les paramètres de site de votre navigateur, bloquez les images pour votre domaine, puis rechargez une fiche produit. Ce qui s'affiche à la place des photos, c'est le texte alternatif : exactement ce qu'entend un utilisateur de lecteur d'écran.

Trois verdicts possibles :

• Rien du tout : l'attribut est absent. C'est le cas de 53,1 % des pages.
• « IMG_4821.jpg » ou « chaussure » : l'attribut existe et ne dit rien.
• Une phrase qui décrit le produit : c'est bon.

Profitez du même passage pour repérer les textes en image : bannières promotionnelles, tableaux de tailles, mentions de livraison gratuite. S'ils disparaissent avec les images, ils n'existent ni pour un lecteur d'écran ni pour Google.

Test 5 : écouter sa boutique (5 min)

Le test le plus instructif, et celui que presque personne ne fait. Vous avez déjà un lecteur d'écran :

• Windows : NVDA, gratuit et libre ; ou le Narrateur intégré (Ctrl+Win+Entrée).
• macOS : VoiceOver (Cmd+F5).
• iPhone : VoiceOver, dans les réglages d'accessibilité.
• Android : TalkBack.

N'essayez pas d'apprendre l'outil. Faites trois choses seulement, les yeux sur l'écran : écoutez la lecture d'une fiche produit, sélectionnez une taille, ajoutez au panier. Vous saurez en deux minutes si vos boutons ont un nom, si vos variantes sont annoncées, et si l'ajout au panier dit quelque chose ou reste muet.

Test 6 : lancer une analyse automatique (5 min)

En dernier, et pas en premier : c'est important. Ouvrez les outils de développement, onglet Lighthouse, cochez « Accessibilité », lancez. Vous obtenez une note et une liste.

Comment la lire :

• Les erreurs signalées sont réelles. Un contraste insuffisant, une alternative absente, un champ sans étiquette : ce sont de vrais manquements, et ils se corrigent.
• Un score de 100 ne veut pas dire conforme. C'est le point que je veux marteler. L'analyse automatique couvre une part minoritaire des critères : elle ne juge ni la pertinence d'une alternative, ni l'ordre de tabulation, ni la clarté d'un message d'erreur, ni le retour du focus à la fermeture d'une modale. Une boutique injouable au clavier peut afficher un excellent score.
• Testez plusieurs pages. L'accueil, une catégorie, une fiche produit, le panier, chaque étape du tunnel. Les défauts les plus coûteux sont dans le tunnel, que ces outils n'atteignent pas tout seuls.

Pour aller plus loin sans rien payer, l'extension axe DevTools et le service WAVE sont les deux références gratuites. Et pour une évaluation structurée selon la méthode française, la DINUM met à disposition Ara (ara.numerique.gouv.fr), qui guide un audit RGAA sur 25, 50 ou 106 critères. Ce n'est pas automatique : c'est une grille à remplir, et c'est précisément sa valeur.

Ce que vous avez à la fin des 30 minutes

Pas un audit de conformité, et il ne faut pas le présenter comme tel. Mais vous savez trois choses que vous ne saviez pas :

1. Si votre tunnel fonctionne au clavier. C'est binaire, et c'est la seule question dont la réponse est urgente.
2. L'ordre de grandeur du travail. Trois contrastes à reprendre n'est pas la même conversation qu'un sélecteur de variantes à refaire entièrement.
3. De quoi juger un devis. Vous pouvez vérifier qu'un prestataire a vu les mêmes choses que vous, et lui poser la question qui tranche : montrez-moi une commande passée au clavier seul.

Si le premier test échoue, il n'y a pas besoin d'en savoir plus pour agir : c'est déjà la priorité. Si les six passent, votre boutique est en meilleur état que 95,9 % des pages d'accueil du web, et il reste à vérifier ce que l'automatique ne voit pas, ce qui est précisément l'objet d'un audit complet.

Faire regarder ma boutique

Questions fréquentes

Peut-on tester l'accessibilité de son site gratuitement ?

Oui, et l'essentiel se fait sans rien installer. La navigation au clavier, le zoom à 200 et 400 pour cent, la mesure des contrastes avec la pipette des outils de développement, le blocage des images et l'audit Lighthouse intégré au navigateur couvrent déjà beaucoup. S'y ajoutent le lecteur d'écran de votre système et, gratuitement, l'extension axe DevTools, le service WAVE et l'outil Ara de la DINUM.

Quel est le test le plus important ?

Passer une commande complète au clavier seul, sans souris. C'est binaire, cela prend cinq minutes, et cela élimine la moitié des boutiques. Si vous ne parvenez pas à choisir une quantité, une taille, un mode de livraison ou à valider le paiement, vous avez trouvé le défaut le plus grave, et sa correction est prioritaire sur tout le reste.

Un score Lighthouse de 100 signifie-t-il que mon site est conforme ?

Non, et c'est le malentendu le plus coûteux. L'analyse automatique couvre une part minoritaire des critères : elle ne juge pas la pertinence d'un texte alternatif, l'ordre de tabulation, la clarté d'un message d'erreur ni le retour du focus à la fermeture d'une modale. Une boutique impossible à utiliser au clavier peut afficher un excellent score.

Faut-il savoir se servir d'un lecteur d'écran pour tester ?

Non, et il ne faut pas essayer de l'apprendre pour ce test. Activez celui de votre système, gardez les yeux sur l'écran et faites trois choses : écouter la lecture d'une fiche produit, sélectionner une taille, ajouter au panier. En deux minutes vous saurez si vos boutons ont un nom, si vos variantes sont annoncées et si l'ajout au panier dit quelque chose.

Quels contrastes faut-il vérifier en priorité ?

Ceux des informations qu'on lit avant de payer, et qui sont presque toujours en gris trop clair : prix barrés, mentions à partir de, frais de port, délais de livraison, mentions de stock et tailles épuisées, textes indicatifs des champs de formulaire. Les seuils sont de 4,5 pour 1 en texte courant et de 3 pour 1 au-delà de 24 pixels, ou de 19 pixels en gras.

Ces trente minutes remplacent-elles un audit ?

Non, et il ne faut pas les présenter comme tel : un audit de conformité suit une méthode et couvre l'ensemble des critères sur un échantillon de pages défini. En revanche ces tests vous donnent trois choses utiles : savoir si votre tunnel fonctionne au clavier, connaître l'ordre de grandeur du travail, et pouvoir juger un devis au lieu de le subir.