Formulaire accessible : montrer les erreurs sans faire recommencer la saisie
Un formulaire doit expliquer quelle saisie pose problème et permettre de la corriger sans recommencer. Conservez les champs déjà remplis, associez chaque erreur à son champ et vérifiez le parcours avec le clavier autant qu’avec la souris.
Donner le format avant l’erreur
Un libellé visible doit identifier le champ. Une indication comme « format attendu » est utile lorsqu’une contrainte existe réellement ; elle ne doit pas devenir un paragraphe décoratif sous chaque zone de saisie.
Les recommandations W3C sur la validation distinguent notamment contrôle navigateur, notifications accessibles et validation serveur. Une bordure rouge ne suffit pas à expliquer une erreur, et un contrôle dans le navigateur ne remplace pas le contrôle côté serveur.
| Problème | Correction utile |
|---|---|
| Champ obligatoire oublié | Nom du champ et indication de l’information manquante |
| Format refusé | Exemple compatible avec le format réellement accepté |
| Erreur de serveur | Message de reprise sans effacer la saisie |
| Pièce jointe refusée | Taille ou type en cause et action de remplacement |
Conserver le contexte de correction
Après validation, placez un résumé d’erreurs ou un accès clair au premier champ à corriger selon le parcours. Le lecteur d’écran doit pouvoir associer le message à la zone concernée. Le focus ne doit pas disparaître derrière une modale ou retourner sans explication au début du site.
Exemple fictif : le champ téléphone refuse les espaces alors que le visiteur saisit un numéro français habituel. Vérifiez d’abord si la contrainte est nécessaire. Assouplir la normalisation peut être plus utile que demander une série d’essais.
Tester les bons scénarios
Envoyez un formulaire vide, corrigez une seule erreur puis vérifiez les messages restants. Testez une adresse e-mail invalide, des champs facultatifs vides et une réponse serveur en échec sur un environnement prévu pour ces essais.
Contrôlez l’agrandissement du texte, les libellés, l’ordre de tabulation et les boutons. Un champ de petite largeur ne doit pas masquer la valeur au point d’empêcher sa vérification.
Contrôler l’envoi final
La recette se termine lorsque la demande est effectivement reçue et correctement identifiée. Le suivi de livraison des formulaires WordPress explique cette dernière étape.
Ne mesurez pas uniquement le nombre de clics sur « envoyer ». Distinguez tentatives, erreurs, demandes reçues et projets qualifiés. Ces étapes permettent de voir si une simplification aide les vrais utilisateurs sans produire une hausse de soumissions inexploitables.
Questions fréquentes
Comment signaler une erreur de formulaire de façon accessible ?
Identifiez le champ et expliquez la correction attendue avec un message lisible et associé au contrôle. Ne vous appuyez pas uniquement sur une couleur ou un symbole.
Faut-il effacer tous les champs après une erreur ?
Conservez les informations valides et permettez de corriger seulement ce qui bloque l’envoi. Les données sensibles peuvent nécessiter un traitement particulier selon leur usage.
Que tester avec le clavier sur un formulaire ?
Vérifiez l’ordre de navigation, le focus visible, les libellés, les erreurs et la soumission. Contrôlez aussi que le retour après envoi décrit ce que le système a réellement reçu.
Sources
Documentation consultée le 23 octobre 2026.