wet-boew-styleguide icon indicating copy to clipboard operation
wet-boew-styleguide copied to clipboard

forms: Instruction within label

Open RababGomaa opened this issue 9 years ago • 4 comments

Hello, Currently the instruction added within a

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

RababGomaa avatar Dec 10 '15 16:12 RababGomaa

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.

duboisp avatar Dec 10 '15 18:12 duboisp

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

RababGomaa avatar Dec 10 '15 19:12 RababGomaa

@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

RobJohnston avatar Jan 18 '16 12:01 RobJohnston

Thanks @RobJohnston! very interesting

RababGomaa avatar Jan 18 '16 21:01 RababGomaa