Label riche en informations

Auteur
Johan Ramon	# 08 Apr 2009 - 11:57:10
180 Posts	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. twitter.com/johan_ramon
180 Posts
QuentinC	# 08 Apr 2009 - 13:25:41
Étudiant qui bosse ... ou pas 4883 Posts	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. Il existe 3 sortes de personnes : ceux qui savent compter, et ceux qui ne savent pas.
Étudiant qui bosse ... ou pas 4883 Posts
Johan Ramon	# 10 Apr 2009 - 16:00:57
180 Posts	Merci QuentinC. Je vais tenir compte de ton avis. Bon week-end twitter.com/johan_ramon
180 Posts
QuentinC	# 10 Apr 2009 - 22:59:14
Étudiant qui bosse ... ou pas 4883 Posts	Ca serait bien d'en avoir au moins un deuxième quand même. Il existe 3 sortes de personnes : ceux qui savent compter, et ceux qui ne savent pas.
Étudiant qui bosse ... ou pas 4883 Posts
Laurent Denis	# 23 Apr 2009 - 18:15:11
7979 Posts	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) Ne parlons pas de choses nouvelles. Commencez par ne pas détourner CSS de son objet, ce que vous faites immanquablement avec des techniques sexy qu'on enseigne ici.
7979 Posts