search

L7R7 / gitlab-ci-build-statuses

Get the statuses of the CI pipelines in a group in Gitlab CI and display them on an HTML page
Apache License 2.0
10 stars 1 forks source link

colors #185

Open francescor opened 4 days ago

francescor commented 4 days ago

several my users have problems with colors (colorblindness) custom colors woud be appreciated (or just a different background pattern, so that even colorblind will clearly see difference... ... or maybe just make one color very dark and another very light :)

L7R7 commented 4 days ago

Hi @francescor thank you very much for reporting this! I'm interested in improving accessibility for the tool, so I appreciate your feedback. Let's discuss how we can make this work. From the top of my head, I see two main options:

  1. Make all colors configurable at application startup via environment variables. The tool uses six different colors, all of them should be configurable. The colors that are used currently could be the default.
  2. Introduction of a "colorblind mode", which swaps the color palette to something else that works for colorblind people, using different colors and/or background patterns like you suggested. The user could switch between the two modes similar to how they can switch between plain view and grouped view

The first option is definitely more flexible, but requires some effort on the user side when deploying the tool. The second would only work if we can come up with a way that works for every kind of color blindness (not sure if that's possible though).

Do you know if there is a standardized way in which a browser can tell the server that the user prefers a color blind color scheme? If so, I could use that to do serve the correct mode automatically.

Let me know what you think!

francescor commented 3 days ago

yes, 1. would solve, but asking a colorblind to choose colors is hard... maybe some 2/3 already made combinations one can just tick as you say in 2.

  1. good too, easier to implement, too

I guess that for, "retro compatibility" kind of, you cannot change colors you use now, but if you can just choosing different level of darkness would fix: light green, dark red

also repleacing the important color by adding stripes will just work

image

or even both

image

well, then repleacing full color quares with

image

would work too, but will look very bad, I know, while now it looks neat :)

uh, I see this summarize everything https://www.perplexity.ai/search/i-have-an-app-that-shows-statu-dwTDyayxSEq3PUinagTjQA but I checked the suggested "accessible colorblind color combinations" and cannot really get anything :(

L7R7 commented 1 day ago

Alright, let me try a few ideas and come back to you when I have something to show.