Forum Alsacréations : CSS et Standards Web

<label for="foo">mon label</label>

<input name="foo" id="foo" />

<label>

<input type="radio" value="foo" name="bar" />

Lorem ipsum dolor sit amet.

</label>

<input type="radio" value="foo" name="bar" id="bar1" />

<label for="bar1">Lorem ipsum dolor sit amet.</label>

knarf a écrit :
label englobant l'input avec l'intitulé avant ou après.

Justement non

Pas de label englobant l'input (même s'il a un attribut for)

Pour indiquer une description de champ, on inclus celle-ci entre les balises de label et on indique, par l'attribut "for", l'id du champ auquel la description est rattachée, comme ceci :

<form action="...">
<p>
<label for="nom">Nom :</label>
<input type="text" id="nom" />
</p>
</form>
Il existe une autre façon d'utiliser la balise <label> : celle d'inclure le champ de saisie entre les balises de label, en même temps que la description :

<form action="...">
<p>
<label for="nom">
Nom : <input type="text" id="nom" />
</label>
</p>
</form>
Dans ce cas, en théorie, il est possible d'omettre l'attribut "for", mais les navigateurs ne savent pas tous bien gérer cette situation, en particulier Internet Explorer (il ne fait pas la liaison entre le champ et sa description, et donc par exemple, un clic sur le label ne mettra pas le focus sur le champ de saisie). Il est donc recommandé de toujours mettre l'attribut "for".

lorsqu'on est en lecture linéaire de la page, Jaws annonce les labels et les contrôles dans l'ordre où ils se présentent (donc ici le contrôle radio d'abord, le label ensuite), sans que ce soit problématique.

knarf a écrit :


Tiré d'Openweb :

Bien que ce ne soit pas problèmatique est-ce que pour une question de confort de compréhension du formulaire le label avant ou le label après à un impact important?

Est ce que je me prends la tête à toujours vouloir le mettre devant dans le flux ce que je trouve le plux logique (on explique d'abord à quoi sert le contrôle) ou est-ce que des fois je peux lacher prise et me dire bon il est derrière ce n'est pas dramatique?

Benjamin D.C. a écrit :
En dehors de ces lacunes d'implémentations, en quoi le label implicite peut-il être néfaste?

Laurent Denis a écrit :


Un label qui n'est pas reconnu comme tel par une aide technique... c'est suffisant comme raison, je crois ?

Laurent Denis a écrit :
elles co-existent en HTML4.01 uniquement pour des raisons de compromis historique entre fabriquants