The document outlines lessons learned from Kent Eisenhuth's work on accessibility-first data visualization. Some key lessons include: data accessibility is difficult but important to prioritize; charts can block accessibility so alternative formats like tables should be considered; using a combination of fills and borders can make charts more accessible while minimizing visual clutter; involving people with disabilities in the design process is critical; and considering accessibility from the start leads to better overall designs. The document also provides examples of accessible visualization techniques and discusses establishing an accessibility working group.
social pharmacy d-pharm 1st year by Pragati K. Mahajan
Lessons Learned From Accessibility-First Data Visualization
1. Lessons Learned
From Our Accessibility-First
Approach to Data Visualization
@KentTheHuth #DataAccessibility
Kent E Eisenhuth, Datavis Lead, Google
UXDX America 2023
13. WHY IT MATTERS
In the United States:
4M+ people in America use assistive technology.
41M people have a disability.
World-wide
≈300M people have a color vision deficiency.
Sources: Census.gov; StackExchange.com; Colorblindawareness.org
Accessibility icon
@KentTheHuth #DataAccessibility
51. Consider using alternative keys,
shortcuts and other methods for
helping people quickly find answers to
questions they’re asking of the data.
@KentTheHuth #DataAccessibility
LESSON LEARNED
52.
53. How might we use text to prioritize data
exploration and surface insights?
@KentTheHuth #DataAccessibility
CHALLENGE
57. Source: Battling Infectious Diseases in the 20th Century: The Impact of Vaccines, WSJ
Visualizing the effects of the measles vaccine.
58. How might we create a useful
screen reader experience?
@KentTheHuth #DataAccessibility
CHALLENGE
59. Always orient people
within the dataset. Indicate
where they are, where they
came from and where they
can go next.
LESSON LEARNED
@KentTheHuth #DataAccessibility
Sankey diagram on assistive technology
60. Providing an accessible
way to view the data in a
table or spreadsheet can
be a valid option.
Test it!
Data table of status and signals
@KentTheHuth #DataAccessibility
LESSON LEARNED
61. How might we leverage other senses
when representing data?
@KentTheHuth #DataAccessibility
CHALLENGE
69. Maximizing community
engagement requires a
balance of activities.
● Guest presentations
● Design reviews
● Brainstorming time
● Contribution time
go/data-accessibility
LESSON LEARNED
Keyboard navigation on a Sankey diagram
71. TOP TIPS FOR CREATING ACCESSIBLE VISUALIZATIONS
● Facilitate comparisons
● Be a helpful guide
● Focus on what matters
● Provide structure
● Embrace flexibility
● Exceed expectation
material.io/blog
Illustration of top chart a11y tips.
72. A NOTE ABOUT PROCESS
Sketches and photos from a design workshop
73. Drawing Product Ideas
Fast and Easy UX Drawing for Anyone
● Foreword by Manuel Lima
● Find it on Amazon
● Find it on Wiley.com
discount: DPI20
#DataAccessibility
#DrawingProductIdeas
Drawing Product Ideas book
77. ACKNOWLEDGEMENTS
● Andrew Carter
● Chris Mitchell
● Danny Farra
● Gerrit de Vries
● Guy Kohen
● Gerard Rocha
● Ian Hill
● James Wexler
● Jane Chang
● Jen Kozenski Devins
● Jennifer Yuchi
● Jesse Zackery
● Jess Klos
● Jialin Yun
● Julián Gonzalez
● Kai Chang
● Lisa Kaggen
● Mags Sousa
● Manuel Lima
● Martin Wattenberg
● Nicholas Cottrell
● Olga Prilepova
● Peter Vachon
● Rebecca Plotnick
● Robinson Eaton
● Saurabh Kumar
● Sierra Seeborn
● Shuo Yang
● Tom Hoddes
● Travis Alber
● Tyler Williamson
● Young Choi
@KentTheHuth #DataAccessibility
78. THANK YOU
Kent Eisenhuth
Staff UX Designer, Google
● Twitter: @KentTheHuth
● linkedin.com/in/kenteisenhuth
● kent.eisenhuth@gmail.com
#DataAccessibility
#DrawingProductIdeas
79. ● Data Accessibility is difficult.
● Charts, graphs and visualizations will block accessibility audits.
● Build a diverse team and work with people who use assistive technology.
● Apply a combination of fills and borders to focus on what matters.
● Consider accessibility first to get to the best possible design.
● Consider using other keys, shortcuts and alternative methods for helping
people quickly find answers to questions they’re asking of the data.
● Consider providing an accessible way to view the data in
a table or spreadsheet.
● Data sonification can be part of the chart’s core experience.
● Designing for accessibility can benefit everyone.
@KentTheHuth #DataAccessibility
LESSONS LEARNED