Un processus d'inscription ou de paiement qui échoue en raison d'une erreur d'accessibilité n'est pas seulement un problème abstrait : il s'agit d'un client qui n'a pas finalisé un achat, et parfois d'un client qui ne reviendra pas. Cet article se concentre sur les points les plus critiques des flux de formulaires, d'inscription et de paiement. Si vous êtes également intéressé par les formulaires PDF, consultez notre guide surformulaires PDF accessibles.
En bref : ce que couvre cet article
Messages d'erreur en temps réel
L'erreur la plus courante : un message d'erreur qui apparaît visuellement (petit texte rouge à côté du champ) mais qui n'est pas annoncé à un lecteur d'écran. Un utilisateur aveugle remplit le formulaire, clique sur « Envoyer » et ne comprend pas pourquoi rien ne se passe, car il n'entend jamais parler de l'erreur. Le correctif : utilisez `aria-live` pour annoncer automatiquement les erreurs et reliez chaque erreur directement à son champ pertinent avec `aria-describeby`, afin que le lecteur d'écran lise l'erreur à haute voix au moment où l'utilisateur atteint ce champ.
Étiquettes de champs claires et persistantes
Le texte d'espace réservé (le texte gris qui disparaît une fois que vous commencez à taper) ne remplace pas une véritable étiquette de champ : dès que l'utilisateur commence à taper, il perd le contexte de ce que le champ demande. Chaque champ de formulaire a besoin d'un véritable « » qui reste visible (ou au moins accessible à un lecteur d'écran) tout au long du processus de remplissage, et pas seulement comme un indice qui disparaît.
💡 Conseil pratique
Les champs obligatoires nécessitent un double marquage : visuel (un astérisque ou le mot "Obligatoire") et également dans le code ("aria-required="true"`), de sorte que même un utilisateur qui ne peut pas voir l'astérisque sache que le champ est obligatoire avant de rencontrer une erreur de soumission.
Processus en plusieurs étapes
Les flux d'inscription ou de paiement en plusieurs étapes (informations personnelles ▸ expédition ▸ paiement ▸ confirmation) doivent indiquer clairement à un lecteur d'écran à quelle étape se trouve l'utilisateur sur le nombre total d'étapes, et l'annoncer lorsque l'utilisateur passe à l'étape suivante — afin qu'un utilisateur qui ne peut pas voir l'indicateur visuel de progression ne perde pas ses repères à mi-chemin.
Une confirmation de commande accessible
Après avoir effectué un achat ou une inscription, le message de confirmation lui-même doit être accessible : clairement annoncé à un lecteur d'écran (pas seulement un changement visuel silencieux sur la page) et inclure toutes les informations importantes (numéro de commande, montant, date de livraison) sous forme de texte réel et non sous forme d'image.
Avez-vous des documents relatifs aux conditions de service ou des confirmations de commande envoyés au format PDF ?
Notre outil vérifie également les documents qui accompagnent les flux d'achat et d'inscription : conditions de service, reçus, confirmations.
Scannez votre site gratuitement ←Après la numérisation, vous pouvez également rendre accessibles directement et gratuitement les documents trouvés viaAccessiDoc.