Dans le formulaire pour chercher une localisation, le <label> à gauche est inactif car non lié au champ de recherche.
Il faudrait définir un attribut for qui corresponde à l'attribut id du champ pour rendre le libellé du champ accessible aux lecteurs d'écrans, tout en augmentant la surface de la zone réactive (pratique par exemple sur mobile ou pour les personnes n'ayant pas une grande précision pour pointer).
Attention : l'input étant actuellement dans un Shadow-DOM, il n'est pas accessible directement par le <label>, il faudrait donc déplacer ce dernier dans le composant. Une issue est ouverte à ce sujet par le WHATWG pour trouver une autre solution.
bilelz
commented
3 years ago
Dans le formulaire pour chercher une localisation, le
<label>à gauche est inactif car non lié au champ de recherche.Il faudrait définir un attribut
forqui corresponde à l'attributiddu champ pour rendre le libellé du champ accessible aux lecteurs d'écrans, tout en augmentant la surface de la zone réactive (pratique par exemple sur mobile ou pour les personnes n'ayant pas une grande précision pour pointer).Attention : l'
inputétant actuellement dans un Shadow-DOM, il n'est pas accessible directement par le<label>, il faudrait donc déplacer ce dernier dans le composant. Une issue est ouverte à ce sujet par le WHATWG pour trouver une autre solution.