Configurateur produit : vérifier le clavier, les erreurs et le récapitulatif
Un configurateur doit rester utilisable sans souris et permettre de comprendre une erreur avant de commander. Testez le parcours complet : choix des options, fichier, prix, récapitulatif et conservation de la configuration au panier.
Faire le parcours au clavier
La documentation W3C sur les formulaires fournit les bases : contrôles identifiables, libellés et instructions associées. Une carte visuelle sélectionnable doit aussi exposer son état, pas uniquement changer de couleur.
Parcourez l’interface avec Tab, Majuscule + Tab, Entrée et les touches adaptées au contrôle utilisé. Vérifiez que le focus reste visible et que l’ordre suit le parcours. Après ouverture d’un panneau, l’utilisateur doit comprendre où il se trouve et comment revenir.
Expliquer les erreurs à l’endroit utile
| Erreur | Réponse de l’interface |
|---|---|
| Dimension non acceptée | Bornes et unité attendues |
| Fichier trop volumineux | Limite et possibilité de remplacer le fichier |
| Option incompatible | Choix à modifier et raison réelle |
| Calcul indisponible | État conservé et action de reprise |
« Une erreur est survenue » ne permet pas de corriger une dimension. Le message doit désigner le champ et préserver les autres choix. La validation serveur reste nécessaire, même si le navigateur contrôle déjà les valeurs.
Rendre les changements compréhensibles
Quand le prix évolue, indiquez le nouveau total et ce qu’il comprend. Un lecteur d’écran doit pouvoir connaître une mise à jour importante sans être interrompu à chaque frappe. Évitez les recalculs qui déplacent le bouton ou remettent le focus au début.
Exemple fictif : passer de 50 à 100 exemplaires change le total et le prix unitaire. Le client doit voir les deux informations et retrouver la quantité choisie au panier. Une animation seule ne constitue pas cette confirmation.
Vérifier le récapitulatif et la reprise
Testez un retour depuis le panier, une actualisation et une erreur réseau. Définissez quelles données sont conservées, combien de temps et dans quel contexte. Ne promettez pas une sauvegarde automatique si la configuration disparaît en fermant l’onglet.
Le cahier des charges du configurateur décrit les règles métier ; la recette d’accessibilité vérifie comment un utilisateur peut réellement les parcourir. Complétez les contrôles techniques par des essais avec des personnes utilisant différents modes de navigation, sans déduire une conformité globale d’un seul parcours réussi.
Questions fréquentes
Un configurateur est-il accessible s’il fonctionne avec la touche Tab ?
C’est un début, mais vérifiez aussi l’ordre, le focus visible, les libellés, les erreurs et le récapitulatif. Toutes les options essentielles doivent pouvoir être comprises et utilisées.
Comment afficher une erreur de configuration sans perdre les choix ?
Expliquez le problème près du contrôle concerné, conservez les valeurs valides et permettez une correction ciblée. Une remise à zéro générale impose un effort inutile.
Que vérifier avant l’ajout au panier ?
Le récapitulatif doit reprendre les options, la quantité et le prix confirmés. Testez également les choix incompatibles et la restitution des informations après commande.
Sources
Documentation consultée le 23 octobre 2026.