Checklist : un tunnel d'achat accessible en 12 points

Cette liste couvre les points qui empêchent le plus souvent un client d'acheter. Vous pouvez la confier telle quelle à votre webmaster.

Fiche produit

1. Le bouton « Ajouter au panier » fonctionne au clavier : on l'atteint avec la touche Tab et la touche Entrée ajoute bien le produit.
2. Les choix de taille, couleur ou quantité ont une étiquette lisible par un lecteur d'écran (et pas seulement une couleur ou une image).
3. L'ajout au panier est annoncé : un message du type « Produit ajouté au panier » est lu par les lecteurs d'écran.

Panier

4. Le panier coulissant (ou la fenêtre) reçoit le focus à son ouverture, se ferme avec la touche Échap et rend le focus au bouton d'origine.
5. Le bouton « Commander » est un vrai bouton ou un vrai lien, utilisable au clavier (pas une zone cliquable uniquement à la souris).
6. Les boutons « + / – » et « Supprimer » ont un nom (« Augmenter la quantité », « Retirer l'article »), pas seulement une icône.

Formulaire de commande

7. Chaque champ a une étiquette visible reliée au champ (pas seulement un texte d'exemple qui disparaît).
8. Les champs obligatoires sont indiqués autrement que par la couleur ou un astérisque seul.
9. Le remplissage automatique fonctionne (nom, adresse, e-mail, téléphone) : c'est un vrai gain pour tous, et une nécessité pour certains.
10. Les erreurs sont annoncées : en cas d'oubli, le message est lu par le lecteur d'écran et relié au champ concerné.

Partout

11. On voit où l'on est en naviguant au clavier : l'élément actif est clairement entouré ou souligné.
12. Les textes sont assez contrastés, y compris les prix barrés, les petits caractères et les boutons.

Comment vérifier rapidement ?

Débranchez votre souris et essayez d'acheter un produit avec les touches Tab, Maj+Tab, Entrée et Espace. Si vous êtes bloqué, vos clients aussi. Pour un contrôle complet et répété automatiquement, lancez un test gratuit TabToCart : il fait ce parcours pour vous et s'arrête avant le paiement.