Projet

Général

Profil

Bug #68406

Vue agenda : couleur des plages dispo (contraste et accessibilité)

Ajouté par Anaïs Ecuvillon il y a plus d'un an. Mis à jour il y a plus d'un an.

Statut:
Fermé
Priorité:
Normal
Assigné à:
-
Catégorie:
-
Version cible:
-
Début:
25 août 2022
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

Description

Suite au ticket #68389, et en anticipant (sûrement de beaucoup) la possibilité de saisir un rdv depuis la vue agenda en sélectionnant une plage disponible, on peut se questionner sur les couleurs utilisées dans la vue agenda.

Et notamment sur la couleur très claire utilisée pour afficher les plages dispo. Est-ce que le contraste est suffisant ? En même temps, il ne faudrait pas confondre des plages dispo avec un type de rdv, etc.


Fichiers

Révisions associées

Révision a8f0d7b4 (diff)
Ajouté par Paul Marillonnet il y a plus d'un an

bring higher contrast to opening hours displayed border (#68406)

Historique

#2

Mis à jour par Paul Marillonnet il y a plus d'un an

Je me disais qu’on pourrait avoir un fond en repeating-linear-gradient()¹ à l’oblique, 45° par exemple, en alternant la couleur de fond déjà présente et une teinte plus foncée ?

1. Je découvre cette fonction css au moment où j’écris ces lignes et pourtant niveau compatibilité ça a l’air ok — https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/repeating-linear-gradient. Cette fonction est d’ailleurs déjà utilisée en front dans publik-base-theme.

#3

Mis à jour par Paul Marillonnet il y a plus d'un an

Dans l’idée je pensais à quelque chose comme ça (les couleurs, tailles des stries et orientation restant à déterminer, notamment pour rester dans la palette choisie au moment de faire #39794).

Est-ce qu’une telle solution est envisageable (auquel cas on pourrait demander leur avis aux agents de Berre qui remontaient le problème de contraste et la difficulté à voir ces créneaux) ?

#4

Mis à jour par Valentin Deniaud il y a plus d'un an

Paul Marillonnet a écrit :

Est-ce qu’une telle solution est envisageable

Yep

Tu pourrais refaire un screenshot où on voit une plage d'exception (il me semble que c'est hachuré un peu de la même manière, ce qui pourrait créer de la confusion) ?

#5

Mis à jour par Paul Marillonnet il y a plus d'un an

Valentin Deniaud a écrit :

Tu pourrais refaire un screenshot où on voit une plage d'exception (il me semble que c'est hachuré un peu de la même manière, ce qui pourrait créer de la confusion) ?

Oui Anaïs me faisait la même remarque, en effet c’est pas dingue d’utiliser des hachures à la fois pour les créneaux libres et pour les exceptions.

#6

Mis à jour par Paul Marillonnet il y a plus d'un an

Un autre exemple toujours avec repeating-linear-gradient et qui ressemble un peu moins aux exceptions.

#7

Mis à jour par Paul Marillonnet il y a plus d'un an

Un patch qui reprend cette idée et conserve l’effet de transparence (cf capture).
Si quelqu’un veut choisir de plus belles couleurs, enjoy.

#8

Mis à jour par Thomas Jund il y a plus d'un an

Je pense
  • que les RdVs devraient avoir un contrastes supérieur aux plages visibles. Et que dans la proposition ci dessus, le vert pête beaucoup trop. Trop saturé.
  • Un zebra est souvent utilisé pour des zones non autorisé (zebra dans le code de la route, zebra sur les bande délimitant une zone non autorisé, etc) et que ce n'est du coup par vraiment adéquate pour des zones de plages dispo.

J'aimais bien l'idée de griser tout le calendrier sauf les zones disponibles, mais retoqué au moment de la proposition parce que trop sombre.
Il est possible aussi de renforcer le contraste de la bande latérale de la zone.

Et à bosser une nouvelle colorimétrie, autant le faire en prenant en compte le design interactif de la révervation via le calendrier (survol, …), sinon on prend le risque de recommencer ensuite.

#9

Mis à jour par Marie Kuntz il y a plus d'un an

Je vous joins la version daltonienne des étiquettes dans Trello : des couleurs et des textures.

#10

Mis à jour par Paul Marillonnet il y a plus d'un an

Thomas Jund a écrit :

Il est possible aussi de renforcer le contraste de la bande latérale de la zone.

Ok, je vais faire ça.

Et à bosser une nouvelle colorimétrie, autant le faire en prenant en compte le design interactif de la révervation via le calendrier (survol, …), sinon on prend le risque de recommencer ensuite.

D’ac, noté, merci.

#11

Mis à jour par Paul Marillonnet il y a plus d'un an

  • Statut changé de Solution proposée à En cours
#12

Mis à jour par Paul Marillonnet il y a plus d'un an

Sans pour l’instant revoir toute la colorimétrie, une solution directe en augmentant le contraste de la bande latérale, comme suggéré ici par Thomas.

#13

Mis à jour par Anaïs Ecuvillon il y a plus d'un an

c'est ok pour moi, si on peut avancer avec ça, ce serait top.

#14

Mis à jour par A. Berriot il y a plus d'un an

  • Statut changé de Solution proposée à Solution validée

Je trouve que ça fonctionne bien en termes de contraste, je valide

#15

Mis à jour par Paul Marillonnet il y a plus d'un an

  • Statut changé de Solution validée à Résolu (à déployer)
commit a8f0d7b494c8a72aef9846ce4bac865681bf51f1
Author: Paul Marillonnet <pmarillonnet@entrouvert.com>
Date:   Fri Nov 4 10:26:41 2022 +0100

    bring higher contrast to opening hours displayed border (#68406)
#16

Mis à jour par Transition automatique il y a plus d'un an

  • Statut changé de Résolu (à déployer) à Solution déployée
#17

Mis à jour par Transition automatique il y a environ un an

Automatic expiration

Formats disponibles : Atom PDF