Orange-Confort-plus icon indicating copy to clipboard operation
Orange-Confort-plus copied to clipboard

[Palette Réglages]Bouton réglages et bouton modale

Open Valerieledunois opened this issue 2 years ago • 6 comments

Comportement de ces deux boutons sur l'exemple du réglage taille du texte. image

Lorsque le point gros est sur la première position, pas de modification sur la page web. La taille du texte sur la page web est la valeur initiale du site. Si l'utilisateur clique sur le bouton modale, bouton avec un "+", ouverture de la Modale Réglage #139 Si l'utilisateur clique sur le bouton Réglages :

  • le point gros se déplace d'une position sur la droite et la valeur associée au point est appliquée à la page web

Valerieledunois avatar Oct 10 '23 15:10 Valerieledunois

@ThomasDgop Reste à faire :

  • [x] Le bouton gris quand la valeur par défaut est sélectionnée ?
  • [x] Le texte « pas de modification » à droite, quand la valeur par défaut est sélectionnée.

Après le MVP :

  • [x] Clic sur la valeur permet de définir une valeur personnalisée, en supplément des valeurs proposées.

ffoodd avatar Dec 20 '23 16:12 ffoodd

Nous nous interrogeons sur l’implémentation de ce composant, notamment du point de vue de l’accessibilité :

  • le bouton réglages (à gauche) fonctionne bizarrement : quand on clique dessus, on change de valeur et l’intitulé visible change. Ça ressemble fortement à un caroussel ou un composant de ce genre.
    • est-ce vraiment un bouton ? A priori ce serait plusieurs boutons, non ?
    • comment labellise-t-on ce(s) bouton(s) ?
    • comment restituer leur état ?
  • le bouton modale (à droite) est un bouton : au clic, une action se déclenche.
    • c’est toujours la même action (ouvrir les réglages), mais l’intitulé change en fonction de la valeur sélectionnée à gauche…

Je ne sais même pas par où commencer pour implémenter ce composant de façon accessible…

ffoodd avatar Dec 21 '23 09:12 ffoodd

Je ne sais même pas par où commencer pour implémenter ce composant de façon accessible…

un avis ? @Aniort @PigeardSylvain @christopherabate

notabene avatar Dec 21 '23 10:12 notabene

Attention : le bouton réglage lorsqu'il est gris, doit avoir les angles coupés comme présenté dans l'issue

Valerieledunois avatar Feb 07 '24 15:02 Valerieledunois

image voici la nouvelle apparence des boutons et modales

Valerieledunois avatar Feb 16 '24 10:02 Valerieledunois

image voici la présentation pour le point noir en position 1

Valerieledunois avatar Feb 16 '24 11:02 Valerieledunois