demarches-simplifiees / demarches-simplifiees.fr

Dématérialiser et simplifier les démarches administratives
https://www.demarches-simplifiees.fr
GNU Affero General Public License v3.0
190 stars 89 forks source link

Ajouter "sélectionnez" au lieu d'un choix vide pour choix simple/multiple #10188

Open lisa-durand opened 7 months ago

lisa-durand commented 7 months ago

Image

colinux commented 6 months ago

La doc du dsfr mentionne qu'on doit écrire "Sélectionner une option"

mfo commented 3 months ago

@marleneklok – on utilise un bout de code existant fait pour l'accessibilité (https://react-spectrum.adobe.com/react-spectrum/ComboBox.html), malheureusement celui ci ne supporte pas ce type d'option. Jouable d'utiliser le hint a la place

ex sur un choix simple Image

ex sur un choix multiple Image

une autre option serait d'utiliser un placeholder, mais pas sur que ca passe côté accessibilité, cc @inseo ex: Image

marleneklok commented 3 months ago

@mfo Je pense qu'il faut qu'on échange sur ces nouvelles "listes déroulantes" avec beaucoup de choix, qui ne sont plus des listes déroulantes au final, car elles exigent de commencer à saisir qqch pour avoir des suggestions. Ce comportement est ok pour le champ type "Adresse", par contre pour les listes déroulantes "Choix simple" ou "Choix multiple", il faut selon moi conserver le comportement de liste déroulante et permettre d'accéder plus rapidement aux choix "connus" via la saisie. Donc l'icône à conserver est le chevron (pour liste déroulante avec possibilité de saisie) : image Ce qui est différent de l'icône "recherche" pour les champs qui exigent de la saisie pour proposer des suggestions : image A dispo pour s'en parler de vive voix ;)

marleneklok commented 1 month ago

Recos selon les 2 comportements A et B des listes déroulantes (en fonction du type de champ) : USAGER_Liste déroulante.pdf