Formulaire

Extraits de code pour créer des composants web accessibles pour les formulaires.

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

L'attribut placeholder représente un texte de substitution pour un élément de formulaire. Supprimer l'étiquette du champ (label) et la remplacer par un placeholder n'est pas une bonne pratique d'accessibilité.

HTML
CSS
JS

Suggestion de remplissage

La suggestion de remplissage d'un champ se fait avec l'attribut autocomplete. L'utilisation de cet attribut permet d'afficher des suggestions qui correspondent à une chaîne de caractères saisis en temps réel.

HTML
CSS
JS

Message d'erreur

Chaque erreur doit être signalée et proposer des suggestions de correction tant lors de la saisie (cas vérification native au champ de formulaire) qu'après la soumission du formulaire.

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

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.