Motifs pour formulaires
Les extraits présentés dans cette rubrique servent pour créer des composants web accessibles pour les formulaires : simulation de « placeholder », processus par étapes en cas de découpage du formulaire, spécificité du formulaire de recherche dans tout le site.
Formulaire de recherche
Le formulaire de recherche est un système de navigation qui permet à l'utilisateur d’accéder rapidement à un contenu du site en utilisant un mot clé ou une expression.
- HTML
- CSS
Étiquette de champs
Étiquette de champs simulant le visuel du texte affiché par défaut dans un champ de formulaire.
- HTML
- CSS
- JS
Processus par étape
Un processus par étape affiche la progression d'une séquence en la divisant en plusieurs étapes logiques et numérotées comme lors d'un processus d'achat.
- HTML
- CSS
Message d'erreur
Un message d'erreur doit apparaître au niveau de chaque champ de formulaire en erreur et proposer des suggestions de coorection. Dans le cas où plusieurs champs sont en erreur, on pourra implémenter au début du formulaire un message global pour signaler que plusieurs champs sont en erreur.
- HTML
- CSS
Message de succès
Lorsque la soumission du formulaire s'est bien passée, une bonne pratique consiste à informer l'utilisateur du bon déroulement de la procédure.
- HTML
- CSS