Making Data Visualizations More Accessible
summary
Example Android app draws a line chart (years 2015–2023) with three series (all applicants, engineering degrees, ICT) using Compose Canvas and builds an overlay called a highlighter that maps pixel points to density-independent positions. The highlighter adds per-year content descriptions via semantics, makes each year focusable, and updates highlighted X on focus changes so screen readers speak year + percentages and keyboard users see the bottom-right label. The approach works in the demo.
AI-written summary · about
chapters (18)
- 0:00Accessible data visualizations
- 1:51Speaker background
- 4:01Example visualization app
- 6:52Current visualization problems
- 7:56Improving accessibility approach
- 8:16Content descriptions
- 9:38TalkBack demo
- 11:07Chart content descriptions
- 12:33Highlighter component
- 19:23Year Highlighter UI
- 21:59Years content descriptions
- 24:49Screen reader testing
- 25:53Keyboard navigation
- 26:38Keyboard focus handling
- 28:27Keyboard interactions test
- 28:47Resources
- 29:54Closing remarks
- 30:18Answering audience questions
related talks
37mMaking Data Visualizations More Accessible - Lessons Learned
32mCharming Swift Charts
01h 55mUse your data to tell stories
01h 30mCreating responsive data visualisations
31mFundamentals of Data Visualization
37mPainting with Data
40mFrom Zero to Multiplatform: Building a Charts Library in 15 Days
15mThe Future of Data Visualization on the Web