Concerning the usage of colors to indicate something (colorblind)

java
web_api
sonarqube

(Daniel) #1

Dear all,

Could you maybe consider making the color-choices for the various indicators configurable? Or choose differently :smiley:

I for example am having a hard time discerning between covered and uncovered condition in SourceView here:

image

While searching for duplicate Forum-Entries i stumbled upon the Release of 7.5 (yay \o/) and in the closed Tickets for the Release 7.5 i spotted something concerning improvements related to colorblindness

In the comments there, it was mentioned that all Tickets concerning colorblindness share the tag “accessibility” and so i followed that and did not find many directly related to colorblindness.

But this made me aware that this topic is already kind of considered internally already, which is nice. If possible, letting me choose the colors would maybe be a (easier?) quick-fix for existing stumbling blocks? Of course i also like it, when there are letters or symbols used in conjunction to colors to indicate status, too :wink:

cheers
Daniel


(Laura Wacrenier) #2

Hi Daniel,

Thanks for your feedback :slightly_smiling_face:

Indeed the ticket you were probably looking for is this one, the “accessibility” tag was missing, I added it after seeing your message. So mea culpa here!

As you can see, the extensive usage we make of red and green colors are causing troubles that we’re aware of, and willing to solve!

Since you suggested to choose colors yourself, what kind of colors would you pick for those blocks that would make your life easier? I’m curious to know :slightly_smiling_face:


(Thomas A. F. Thorne) #4

In the past I have used a Chrome extention such as https://chrome.google.com/webstore/detail/lets-get-color-blind/bkdgdianpkfahpkmphgehigalpighjck?hl=en to simulate what an interface might look like for a person with several types of colourblinedness. It is not perfect and the exact impact changes by individual but it helps give designers an idea of what information is lost.

I was advised that the best thing to do is use shape and position as well as colour to indicate status information. Traffic signals work both on colour and position. A fail being a red cross or a green tick adds a different shape. Something as simple as including the status word as well as a colour light indicator can help.

I do not have color blindness myself so any advice from someone who has would be more valuable. I just remembered some tools and advice I received to help make interfaces accessible. There are some steps to make pages usable by people with very limited vision or total blindness too; although this can obvious be a greater design challenge. I have not looking into full blind accessibility since HTML5 was released (I last did web stuff loooooonnnnggggg ago).