search

DISIC / observatoire

🕵️‍♀️ Observatoire de la qualité des démarches en ligne
https://observatoire.numerique.gouv.fr/
GNU Lesser General Public License v3.0
10 stars 4 forks source link

Contraste des couleurs de la page de statistiques d'une démarche #851

Closed lucaa closed 3 years ago

lucaa commented 4 years ago

Analyse faite par @AnthonyBrunelli , je réprends son commentaire de https://github.com/DISIC/wikidemarches/issues/777#issuecomment-580222123 .

[...] ok pour le tableau, mais pas pour les graphes derrières pour les textes en gris: intitulés des graphes et textes dans les graphes. Dans le 1er cas, détecté par l'extension WCag contrôle contraste checker, dans le deuxième c'est à l'oeil parce que l'extension ni accède pas.

Capture de page de stats

(ne pas oublier les graphes bâton violet en dessous)

lucaa commented 4 years ago

@slauriere partout ou j'ai eu besoin de gris sur l'appli j'ai utilisé #666 pour remplacer quasi toute autre nuance, tu peux réutiliser la même. Si la couleur vient d'un élément de theme de couleurs, discutons pour voir si on change toute la theme de couleurs ou on personnalise sur cette page.

slauriere commented 3 years ago

Pour ce qui concerne les libellés hors graphiques, le problème a été réglé dans le cadre de #974 en utilisant la variable @gray-light (qui est une variable custom, elle ne fait pas partie du thème strico-sensu).

Le contraste de l'icône d'aide sera réglé dans le cadre de #975.

Il reste à foncer légèrement les libellés dans les graphiques eux-mêmes (canvas).

slauriere commented 3 years ago

Dans les graphiques, la couleur utilisée est #666 (il s'agit de la couleur par défaut de la librairie ChartJS pour le texte, cf documentation 2.8.0) donc le niveau de contraste avec le fond est correct également -> je clos ce ticket.