Formulaires

Les formulaires sont un incontournable dans l'interaction de notre site avec l'utilisateur. Découvrez les principes d'accessibilité numérique qui régissent la présentation des formulaires.

Sémantique HTML

Les formulaires HTML permettent d'envoyer des données qui seront ensuite traitées côté serveur. Les formulaires peuvent être visuellement et cognitivement complexes et difficiles à utiliser ; créer des formulaires accessibles rend leur utilisation plus facile.

Libellé de champ

Les libellés de champs (ou étiquettes de champs) doivent décrire le rôle de chaque champ du formulaire et être correctement associés à leur champ.

Regroupement de champs

Lorsque des champs de même nature sont présentés dans un formulaire, une bonne pratique d'accessibilité consiste à les regrouper.

Liste déroulante

Dans les formulaires, les listes déroulantes doivent respecter certaines règles.

Formulaire à étapes multiples

Les formulaires longs seront découpés en plusieurs formulaires plus petits, chacun repésentant une étape du formulaire complet. Cela permet de rendre les formulaires longs plus faciles à comprendre et d'alléger la charge cognitive liée à son remplissage, en particulier pour les personnes qui ont moins d'expérience en informatique ou qui ont divers troubles cognitifs.

Contrôle de la saisie

La mise en place d'un contrôle de ce qui est saisi dans un champs de formulaire favorise l'accessibilité du formulaire. Cela n'empêchera pas ensuite de vérifier que la saisie de l'utilisteur est conforme à l'attendu en effectuant ensuite des vérifications côté serveur.