Label riche en informations

Bonjour,

Que pensez-vous du bout de code suivant :

<p class="formulaire erreur">
    <label for="mots_cles">
        Mot(s) clé(s)
        <abbr title="obligatoire"><span class="obligatoire">*</span></abbr>
        <img src="../images/contenu/erreur.jpg" width="14" height="14" alt="champ éronné" />
        <span class="infos">(séparer les mots clés par des virgules)</span>
    </label>
    <input name="mots_cles" id="mots_cles" type="text" />
</p>

Les informations complémentaires (ici "séparer les mots clés par des virgules") sont encapsulées dans le label. Est-ce une bonne pratique ?

Pour info, le <span class="obligatoire"> me sert à palier à une énième carence de IE6 qui ne reconnaît pas la balise <abbr>, en appliquant, via css, une couleur rouge à l'astérisque.

Voyez-vous des choses à améliorer ?

Merci d'avance et bonne journée.

Personnellement je ne mettrais pas les informations de syntaxe dans le label. Ca commence à faire un peu long pour un lecteur d'écran si on parcourt les champs avec tab et qu'on utilise souvent le genre de raccourci Insert+haut qui répète tout le contenu label+valeur.
Ca finit par être lourd si à chaque fois on a « séparez les mots-clés par des virgules », « le nom doit contenir des lettres alphanumériques uniquement », « le numéro de téléphone d'un seul tenant sans espaces », etc, etc.

C'est une information certes importante, mais à mon avis pas suffisament pour apparaître là. Je le mettrais en-dessus ou en-dessous du champ, mais pas dans le label.

Je pense que c'est très personnel par contre. Ceux qui sont moins « power user » seront peut-être plus rassurés d'avoir cette information sans devoir aller chercher plus loin.

Merci QuentinC. Je vais tenir compte de ton avis.

Bon week-end

Ca serait bien d'en avoir au moins un deuxième quand même.

Plop,

S'il en faut un: l'élément abbr est utilisé n'importe comment. L'astérisque n'est pas un sigle (abréviation ou acronyme) signifiant "Obligatoire". Un robot indexant le contenu du site pour constituer un glossaire des sigles et relevant *: obligatoire se ferait engueuler, le pôvre. Un lecteur d'écran tentant d'épeller le caractère aurait l'air sot, lui aussi.
Modifié par Laurent Denis (23 Apr 2009 - 18:16)