scraly/developers-conferences-agenda

[Enhancement] More different colors between days with conferences and days without conferences in the calendar display

philippart-s opened this issue ยท 14 comments

The calendar is very cool.
I think it will be more readable if the days where there are no conferences are not grayed out like the days with conferences.

Maybe choose different colors to represent the presence of conference or not instead of a grey gradient (and it will more accessible ๐Ÿ˜‰)

scraly commented

I think gray is cool for colorblind people because even if we can see colors, they can't, but yes I love colors too ^^.

Yes but I'm not sure that colorblind people see gradients very well.
I'm not an expert but I think there are some colors adopted to colorblind people or use some pictos to identify the days with conf and days without conf (perhaps just the number of confs on the day, some emojis, ...).

It was just an idea you can close if it's not a good idea ๐Ÿ˜‰

scraly commented

In order to be compliant with everyone it should be awesome to have a normal mode with colors and an accessible mode like today with gray :-).

I agree with @philippart-s

The different shades of gray indicate the amount of events on each day.
The lightest gray leads us to think that there are events (but maybe just one) on each day. But that's not the case.
I suggest that days without events have a totally white background. No shade of gray at all.

For colorblindness, different colors would be problematic, indeed.
But as long as we have just white for no-events, and some shades (gray or color) for days with events, it's fine.

gouz commented

My propositions:

Grey mode:
image

Color mode: (like rainbow, a legend will be added, from purple to red)
image

What do you think @glaforge @philippart-s ?

I suggested a PR that sets the color to white background for events without events. And the other days keep a shade of gray that depends on the number of events, as before.
Using colors, even with a legend, is IMHO problematic with regards to color-blindness, as people won't really see a logic in the shades.

gouz commented

Yes, a toggle button is here to activate the color mode. Per default it will keep the grey levels.
In the images, if no event, then the day is white

Here's what it looks like with my change:

Screenshot 2023-04-25 at 11 12 36

gouz commented

Screenshot_20230425-111539
Screenshot_20230425-111509

scraly commented

I love both ideas :-)

image

vs

image

I think the second one can be more helpful for colorblind people and for all people :-)
The grays are more contrasted ๐Ÿ‘

Here are the screenshots with the various color-blindness types (with my PR):

Screenshot 2023-04-25 at 11 25 24

Screenshot 2023-04-25 at 11 25 31

Screenshot 2023-04-25 at 11 25 38

Screenshot 2023-04-25 at 11 25 45

Screenshot 2023-04-25 at 11 25 52

Screenshot 2023-04-25 at 11 25 58

But I also like the other proposal with strong contrast too.

scraly commented

You both found the way to help the calendar to be more visible and understable โค๏ธ

Thinking about it, with this new contrast and the day with a white background for the no event cases, having a calendar with colors can complicate understanding, because you will have to look several times at the legend, whereas the:

  • no color: no event
  • more or less contrasting grey: there are more or fewer events

I think it meets the criteria

and we are colorblind compliant :-)

I agree, for me the main point to be more readable is to have no color when there is no conference.
Keep the grey color with contrast is, I think, more intuitive than "learn" a legend to know the meaning of each color.