GFDRR / open-risk-data-dashboard

Repository for the Open Data for Resilience Index, a website to track and improve the state of Open Data for Resilience worldwide.
https://index.opendri.org
GNU Lesser General Public License v3.0
23 stars 8 forks source link

Define and adopt a red/green/gray colorblind friendly palette #291

Closed pzwsk closed 5 years ago

pzwsk commented 5 years ago

We use green / red / gray to showcase status of open data criteria

However, 8% of the population who is considered color blind may have difficulty to read it if no proper contrast.

Action: define and adopt a green/red/gray colorblind friendly palette.

Help on this: https://usabilla.com/blog/how-to-design-for-color-blindness/

pzwsk commented 5 years ago

Here is what is suggested in #267

image

and result in extreme case of colorblindness

image

pzwsk commented 5 years ago

Here is what I suggest

image

image

It works quite well with all form of colorblindness https://coolors.co/881300-009500-a8a8a8-e6e6ea-f4f4f8