Created by Shannon Kane - Example Tutorial of Inclusive Chart

Example tutorial of a simple inclusive chart created in Tableau

Stacked bar chart showing the percentage of population with vision impairments in different global regions. The chart indicates significant disparities between regions. High income countries have around 4% of total population with vision impairments, North Africa and Middle East has 11%. Central Europe, Eastern Europe and Central Asia has over 12%. Latin America and Caribbean has over 13%. Southeast Asia, East Asia and Oceania has over 14%. Sub-Saharan Africa has 18% and South Asia has 22% Each bar is further broken down by severity of impairment. This data can be accessed through the downloadable data table.

You may access the Tableau file with my chart here

I created a sample visualization to show simple accessibility features and design principles that can be implemented in Tableau. This data comes from the IAPB Vision Atlas which publishes data and visualizations concerning global inequalities in visual health and access to care.

The accessible information visualization design principles that I used include:

Adjusting text color and size to maximize contrast and readability
Using a "color-blind friendly" color palette
Ensuring that color-encoded data was also directly labeled on scroll-over so that viewers don't have to rely on color alone
Adding a high-contrast border between colors in the stacked bars
Having detailed, meaningful and clear axis labels, legend label, and title
Adding a caption that explained the message conveyed by the data
Including alt-text that captured what the data showed, what type of plot was used, important data points, and instructions for accessing data table

I believe these design choices improved the overall inclusivity of the visualization and they were simple and easy to implement. I hope this serves as an example for other designers who want to include accessibility standards in their designs.

Page updated

Report abuse