Build success and failure indicators don't contrast enough (accessibility issue)

[jakepetroules]

The green and red success and failure indicators on the new Travis design don't contrast well enough from each other. This presents an accessibility issue for persons with red-green color blindness.

Might I suggest that the red be made brighter so that they are easier to tell apart?

[sarahhodne]

Not the best contrast still, but I think this is at least better?

This is #FF3E3E for the red and #2E7623 for green.

[jakepetroules]

That is significantly better, yes.

[svenfuchs]

hmmm, this suggests it's not really a solution though: http://colorfilter.wickline.org

how about having a separate set of styles that make a bigger difference?

[sarahhodne]

We can have a "color blind mode" button or user setting that switches to blue and red/green. Red/green becomes sort of tan-ish, so that should be high when if comes to contrast.

[joshk]

This idea sounds pretty good, a nicer name would be good but the concept is great

On 10/11/2012, at 7:18 PM, Henrik Hodne notifications@github.com wrote:

We can have a "color blind mode" button or user setting that switches to blue and red/green. Red/green becomes sort of tan-ish, so that should be high when if comes to contrast.

—
Reply to this email directly or view it on GitHub.

[sarahhodne]

High contrast mode? I feel like we need to do something slightly different then.

[rkh]

Jenkins mode?

Sent from my iPhone

On 2012-11-11, at 4:53 AM, Henrik Hodne notifications@github.com wrote:

High contrast mode? I feel like we need to do something slightly different then.

—
Reply to this email directly or view it on GitHub.

[joshk]

checkbox for 'Accessibility Improvements'

On 10/11/2012, at 10:31 PM, Konstantin Haase notifications@github.com wrote:

Jenkins mode?

Sent from my iPhone

On 2012-11-11, at 4:53 AM, Henrik Hodne notifications@github.com wrote:

High contrast mode? I feel like we need to do something slightly different then.

—
Reply to this email directly or view it on GitHub.

—
Reply to this email directly or view it on GitHub.

[sarahhodne]

checkbox for 'Accessibility Improvements'

I like that, but I still feel like that should probably include other things, like maybe a larger font.

Maybe we can have a set of "Accessibility Improvements" settings, and "alternative colors" is one of them?

[svenfuchs]

don't overcomplicate it :) "alternative colors" is just fine. store that setting to localStorage, load an extra stylesheet.

we might get more requests once we've added this and can then interate

[joshk]

https://twitter.com/nex3/status/267079477329285120

These changes seem related to accessibility, so why not call them accessibility related?

Anyhow, I'm all for starting small and iterating.

On 11/11/2012, at 1:16 AM, Henrik Hodne notifications@github.com wrote:

checkbox for 'Accessibility Improvements'
I like that, but I still feel like that should probably include other things, like maybe a larger font.

Maybe we can have a set of "Accessibility Improvements" settings, and "alternative colors" is one of them?

—
Reply to this email directly or view it on GitHub.

[coffeejunk]

the color changes proposed by @henrikhodne are much, much better (at least for me as a R/G color-blind). however this would just fix the issue for R/G color-blind, but not other issues like monochromacy (though rare, it does happen: wikipedia).

a possible solution for this could be to use different shaped (and also colored) icons, like the omnipresent utf-8 check mark (✓), ballot x (✘) and "black right pointing pointer" ►.

[jakepetroules]

@coffeejunk Excellent idea with the different shapes as well as icons, that would be perfect!

[jakepetroules]

Perhaps a check for successful, x for failing, and keep the dot for "in progress"?

[kmcphillips]

High contrast, hover descriptions, icons, anything is fine.
Travis is such a useful tool except that I have no idea if my builds passed or failed without clicking around a whole bunch.

[MarkNijhof]

I was going to suggest exactly what Jake suggested! Make the icons vissually different regardles of color. Then you can keep the colors for those who are not colorblind

[joshk]

Hey Guys,

We are looking into adding descriptive icons to help with the colour blind build state issues.

Right now we are hunting for a icon designer who can help us.

We will let you all know more when we know more :)

Josh

On 29/11/2012, at 3:24 AM, Mark Nijhof notifications@github.com wrote:

I was going to suggest exactly what Jake suggested! Make the icons vissually different regardles of color. Then you can keep the colors for those who are not colorblind

—
Reply to this email directly or view it on GitHub.

[svenfuchs]

I am going to merge a change that adds status icons to the current plain circles, which should hopefully help with this issue, too.

I'd appreciate any feedback on this.

I am also looking for a designer person who can help me with some (fairly simple) icon font changes in order to optimize this a little.

[coffeejunk]

Awesome, Thank you. This is so much better!

On 07.12.2012, at 18:41, Sven Fuchs notifications@github.com wrote:

I am going to merge a change that adds status icons to the current plain
circles, which should hopefully help with this issue, too.

https://a248.e.akamai.net/camo.github.com/b8f94872a84b68bb0c0ead95c2c2ceec62e5dc82/687474703a2f2f7333697463682e7376656e66756368732e636f6d2f7374617475735f636f6c6f72732d32303132313230372d3138333534302e6a7067

I'd appreciate any feedback on this.

I am also looking for a designer person who can help me with some (fairly
simple) icon font changes in order to optimize this a little.

—
Reply to this email directly or view it on
GitHubhttps://github.com//issues/754#issuecomment-11139094.

[kmcphillips]

Oh this is wonderful. This makes a world of difference.

Thank you!

[jakepetroules]

Looks pretty good so far but perhaps the icons could be made larger? And I still think the red should be brighter.

[magnars]

This made Travis five times better for me. I can finally tell the difference between build success and failures without clicking into the build.

Thanks a lot!

[brandur]

Just came over to open an issue about this. Thanks for the fix, it makes a huge difference! Please consider porting it to travis-ci.com!

[roidrage]

@brandur we're working on getting that shipped to Travis for private repositories!

[coffeejunk]

I just wanted to say thanks again for addressing this. This little fix makes Travis so much more awesome for me. ❤️ ❤️ ❤️