Nommer chaque champ de formulaire

Dans le cours : L'accessibilité dans le design web

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Nommer chaque champ de formulaire

“

Passons à présent à notre nouveau chapitre : créer des formulaires accessibles pour tous. Le premier point, c'est penser de nommer chaque champ de formulaire. C'est un point de niveau A. Effectivement, nommer les champs de formulaire permettra de mieux le compléter et de mieux comprendre comment il se présente et d'y répondre plus facilement. Déjà, comment on fait tout cela ? La balise déjà label possède un attribut for. Je vais vous montrer quelques exemples comme ici. Vous voyez dans mon formulaire, vous avez un premier exemple : un label simple, c'est un label pour que la personne rentre son e-mail. Déjà ce que vous devez faire, c'est mettre l'attribut for ici, donc là, j'ai mis exemple identique à cette ID qui donc du coup, nous nommerons pareil le mot « exemple ». Vous pouvez également ajouter une balise aria-label, comme nous l'avions dit précédemment pour préciser le rôle de l'élément. Ou vous pouvez mettre aussi l'attribut aria describedby. Donc là, on a mis par exemple…

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 23 100 cours dispensés par des experts.

Nommer chaque champ de formulaire

Dans le cours : L'accessibilité dans le design web