ANALYTICS TO INFORM
  • Home
  • The Chart Chooser
  • Blog
    • Archived Blog Content
    • Vizzes
  • The Vizzies
    • The 2020 Vizzies
  • Home
  • The Chart Chooser
  • Blog
    • Archived Blog Content
    • Vizzes
  • The Vizzies
    • The 2020 Vizzies

consider three colors for accessibility

1/6/2023

0 Comments

 
Typically, we compare two colors when checking contrast for accessibility, like the two below. 
TPGi Color Contrast Analyzer testing two colors (foreground and background) which are dark green and pink.
And the reason why we might do that is make sure that we can compare two data elements, like the donut chart below. 
A donut chart with data point 1 that is dark green and data point two with which is pink.
While we need to distinguish the two colors for readability and accessibility, we also need to consider...there's a third color.   It wasn't until I had an experience of testing two colors for accessibility that I thought, "wait, these colors are going to need to be seen against the background too!"  Thus, our third color...our background color.  
Donut chart with color 1 as dark green, color 2 as pink, and color 3 is the white background.
What I've learned is to test the color closest to the background to ensure that the data elements are accessible compared to each other and the background.   In this example and from the image below, we can see that there is insufficient contrast between the white background and color/data point 2.  
TPGi Color Contrast Analyzer testing pink and white.
So we need to make an adjustment (maybe that's change the color, outline the color in a darker color, or add markers for the data points---it just depends on what will help the audience read the visualization). 

And that's what I learned...check your colors against each other AND the background.
0 Comments



Leave a Reply.

    Emily Kund

    Helping people and organizations begin their data visualization and Tableau journey.  I'm a fan of training, Tableau, data viz, my kids, cupcakes, and karate. 

    Archives

    September 2022
    March 2022
    January 2022
    December 2021
    August 2021
    February 2021
    October 2020
    September 2020
    May 2020
    December 2019
    March 2019
    October 2018
    June 2018
    May 2018

    Categories

    All
    Data Visualization
    Electionviz
    Explorer
    IWD
    Newbie
    Tableau
    Training
    Visual Analytics

    RSS Feed

Proudly powered by Weebly