Attention, cette version d'AcceDe Web est obsolète,
pour consulter la dernière version, se rendre sur www.accede-web.com/notices/ !

7.1.2. Intégrer les informations utiles à la saisie directement dans les balises <label>

Les informations utiles à la saisie doivent être intégrées directement dans les balises <label>.

C’est notamment le cas :

  • Des mentions du type “Champ obligatoire”.
  • Des indications qui permettent de connaître le format de saisie attendu, du type “JJ/MM/AAAA” pour un format de date.
  • Des indications qui permettent de connaître le type et le poids maximal autorisé pour l’envoi de fichiers.
  • Etc.
<p>Les champs marqués d'un astérisque (*) sont obligatoires.</p>
 
<label for="nom">Votre nom *</label>
<input type="text" id="nom" name="nom" />
 
[…]
 
<label for="numero-client">
    Votre numéro de client
    <input type="text" id="numero-client" name="numero-client" />
    <em>Par exemple : 76432-BT-VZ</em>
</label>

Remarque

Parfois, les messages d’erreurs sont affichés au niveau de chaque champ. Dans ce cas, ils doivent également être intégrés dans les <label> associés.

<p>Les champs marqués d'un astérisque (*) sont obligatoires.</p>
 
[…]
 
<label for="email">
    Votre adresse email *
    <input type="text" id="email" name="email" />
    <span class="erreur">Veuillez renseigner votre adresse email (format attendu : exemple@domaine.fr).</span>
</label>

Recommandations associées

notices/html-css/integrer-les-informations-utiles-a-la-saisie-directement-dans-les-balises-label.txt · Dernière modification: Le 06/03/2013 à 16:34 (modification externe)
 

Projet coordonné par Atalan.

En partenariat avec :

Et le soutien de :