wet-boew / wet-boew-styleguide

A style guide for the Web Experience Toolkit.
http://wet-boew.github.io/wet-boew-styleguide/index-en.html
36 stars 32 forks source link

forms: Instruction within label #264

Open RababGomaa opened 8 years ago

RababGomaa commented 8 years ago

Hello, Currently the instruction added within a

or label .normal-weight { font-weight:400 }

duboisp commented 8 years ago

De manière sémantique, je ne crois pas que les instructions devrais faire partie intégrale des « label » et je perçois bizarement l’utilisation des « br » dans l'exemple.

Donc, avant de prendre une décision, la question/recherche à faire serait de déterminer « un standard » pour l’affichage des instructions dans un formulaire. Pour certains cas, il est bien d’avoir les instructions affiché directement sur le formulaire, mais aussi pour d’autre personne ces même instruction pourrait être considéré comme une lourdeur inutile ajouté au formulaire.

Un bon point de départ serait de documenter comment les autres site web affiche les instructions.

RababGomaa commented 8 years ago

J’aimerai modifier ma demande pour un class générale qui peut être impliqué dans plusieurs cas e.g. unbold un <th> ou unbold un <dt> si c’est en besoin.Alors .normal-weight { font-weight:400 }

@duboisp Merci beaucoup! Je suis entrains d`évaluer les différents méthodes d’associer les instructions spécifique à un champ de formulaire (en label, en aria-describedby et en aria-labelledby).

Comme sources, http://www.w3.org/WAI/tutorials/forms/instructions/ et aussi des bonnes exemples pour l'utilisation du aria-describedby sure le WCAG http://www.w3.org/TR/2014/NOTE-WCAG20-TECHS-20140916/ARIA1 et http://webaim.org/techniques/forms/advanced

RobJohnston commented 8 years ago

@RubyDo There is a discussion about how to put help text on form elements going over here: https://github.com/wet-boew/wet-boew/issues/6613

RababGomaa commented 8 years ago

Thanks @RobJohnston! very interesting