Clear Colours (for color-blindness and low light viewing)
mix irving PublicSeen by 44I was showing someone Loomio the other day and they said they couldn't easily distinguish the pie chart colours.
Here's an estimate of what Loomio looks like people with the most prevalent colour-blind case:
It's worse again for some of the less common cases.
His suggestions were to:
- remove the drop shadow from the pie & border from the legend to make colour/ hue comparison easier
- make the saturation of the legend colours higher to compensate for their small size and white surround.
I did some research and played around with a tool simon showed me. Here's where I got to.
click for full size
It's hard coming up with something which is clear for everyone and isn't too jarring. How much of a priority is this?
maybe abstain should be demoted to grey ... something more neutral.
also, for a lot of colour-blind types, blue is easy to distinguish from existing colours... so perhaps we could utilize
Here's a great little app for simulating color blindness: http://colororacle.org/
@johnirving I like your idea of grey for abstain.
In case you're like me and have had trouble finding a blocked pie, here's one]
My thoughts: 
For what it's worth though, I personally don't think the status quo is very bad (judging on Jon's and my simulations).
I like Johns and Matt's last one. Thanks for looking into this.
Also, I like the idea of the 'No' being less red than it currently is, because 'No' is actually a positive position, not the opposite of 'Yes'.
Trello has a colour-blind mode. They use patterns (like stripes) in addition to colour when in colour-blind mode.
I like the bottom one in Matt's examples
@jonlemmon I like that option a lot.
i like the idea of a colourblind option.
I think the colours should be a bit less dull and pastel-y tha they are currently
@matthewbartlett did you run a few different colourblind types? the most common is deut...amoly ... the other common ones start with deut and prot... but a colour-blind mode with texture would insta-solve all this.
or exploring a different graph gem which has mouse-over tooltips or fixed tooltips in mobile mode
@jonlemmon yes re. other two types; they actually looked a bit better (more differentiated) with all of my options than red-green colorblindness (deuteronopia).
After a quick search I couldn't find a gem to make everything gloriously textured. I wonder if we could get a grant from somewhere to develop such a gem?
Remove drop-shadows from pie
proposal by Matthew Bartlett Closed Fri 24 May 2013 9:49PM
Ambiguous outcome; but I have made a commit and I'll talk with the design team before submitting a pull request.
Like this (the image on the right is a simulation of how someone with red-green colour-blindness would see it):
It will be an easy small improvement over the current pie for colour-blind people, and it would be an intrinsically slightly more beautiful object without the functionless shadows.
Results
| Results | Option | Votes | % of votes cast | % of eligible voters | |
|---|---|---|---|---|---|
| Agree | 3 | 30 | 1 | | |
| Abstain | 7 | 70 | 3 |     | |
| Disagree | 0 | 0 | 0 | ||
| Block | 0 | 0 | 0 | ||
| Not voted | 265 | 96 |              |
Personally I'd like to see a better mockup of what it looks like (that one seems pixely). But I'm not too fussed, so whatever the group wants is fine by me.
meh
I can't really see how losing the drop shadows makes the colours any easier to distinguish
I like the idea of a full web accessibility audit. From a design perspective, if the drop shadow is muddling the clarity of the pie chart (which I'm not sure it is), we could tone down the darkness and spread instead of losing it all together.
Im fine leaving this up to you Matthew, as long as is fits with the rest of the page. I am noticing there are shows on the vote buttons too. They might need to be removed to match.
I am fine to do this right now if others would like to, but also would like to see the full accessibility thing done as well
@jonlemmon, here's a slightly better one:
@matthewbartlett thanks. I'm still having a hard time deciding how I feel about it because I'd really like to see the same graph with shadows and compare them. Again, not too fussed, just trying to bring up that for me this is hard to make a decision on because it's still hard for me to compare the difference to what we have currently.
@jonlemmon here you go:
](http://i.imgur.com/pAt3Uuo.jpg)
@matthewbartlett thanks matt. =)
I really like that people are thinking about web accessibility here, but this feels like a bit of a piecemeal approach.
I'd personally be very keen for a thorough web accessibility audit in the near future - and I feel like we should make sure it fits into our development timeframe rather than just implementing little things as they pop up. I think a coordinated approach is necessary for doing a really good job of accessibility stuff. Does that make sense?
@aaronthornton to my mind it makes more sense to have shadows on buttons, as they are metaphorically raised off the page, ready to be pushed in
Yes, i think for the time being anything that will improve accessibility needs to be done. Design work and improving how the chart looks will happen soon.
here's the tool if you'd like to have a play.
really interested to hear how this problem is addressed in design more generally