Un formulaire est l'endroit d'un site où l'accessibilité se voit le plus : c'est là qu'une personne doit agir, pas seulement lire. Formulus fait le nécessaire sans réglage, et il ne vous laisse pas le défaire par mégarde.
Chaque champ dit ce qu'il attend
- Un libellé écrit et relié à sa saisie, toujours au-dessus, jamais remplacé par un texte indicatif.
- « (obligatoire) » écrit en toutes lettres à la fin du libellé, pas une étoile seule, et une phrase qui l'explique au-dessus du formulaire.
- Le texte d'aide et la consigne d'un fichier (formats, taille) sont reliés au champ : un lecteur d'écran les lit avec lui.
- Le bon clavier sur téléphone : l'arobase pour un e-mail, les chiffres pour un téléphone, et la saisie automatique du navigateur pour l'adresse e-mail et le numéro.
Les groupes
- Une rangée titrée est un groupe (
fieldsetetlegend) : le lecteur d'écran annonce « Vos coordonnées » en y entrant. Sa description y est reliée. - Les boutons radio et les cases à cocher sont regroupés sous leur question, dite comme légende du groupe.
Les erreurs
- En tête du formulaire, un résumé : « Le formulaire contient 2 erreurs », puis la liste, chaque ligne étant un lien qui mène au champ.
- Sous chaque champ fautif, le mot « Erreur » écrit, un pictogramme, et une phrase qui dit quoi corriger : « cette adresse e-mail n'est pas valide. Écrivez-la sous la forme
Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. , sans espace », et non « Champ invalide ». - Le focus se pose sur le résumé au rechargement, et la saisie du visiteur est gardée, fichier joint compris.
- Jamais la couleur seule : chaque alerte a un intitulé écrit et un pictogramme, sous Corpus comme sous Cassiopeia.
Le succès
Le message de remerciement remplace le formulaire, il est annoncé poliment aux lecteurs d'écran, et le focus s'y pose.
Les cibles
44 pixels de haut au moins pour chaque saisie, liste, bouton, et pour chaque ligne de case à cocher : la case fait 24 px, et c'est son libellé entier qui la coche.
Les liens et le reste
- Le lien vers les CGV ou la politique de confidentialité est hors du libellé de la case (cliquer le libellé coche la case), et son ouverture dans une nouvelle fenêtre est annoncée.
- Le pot de miel est invisible, hors du clavier et hors des lecteurs d'écran : il ne gêne que les robots.
- Le CAPTCHA conseillé ne pose aucun défi visuel ou sonore : c'est l'ordinateur qui travaille.
- Les titres de rangée peuvent prendre un vrai niveau de titre (H2 à H6), pour un plan de page juste.
Dans l'administration
L'écran de montage se pilote au clavier : sections pliables annoncées, bascules (étoile, œil) qui disent leur état, focus qui entre dans le bloc Réglages à l'ouverture et revient à la roue à la fermeture, pastilles dont le nombre est lu.
À jour pour Formulus 1.0.237.