Making Data Visualizations More Accessible - Lessons Learned
summary
Shows concrete fixes for Android Compose charts: adds a custom highlighter composable around Canvas points, gives each slice a content description via semantics, makes slices focusable and updates a visible legend on keyboard focus using onGloballyPositioned and onFocusChanged, and differentiates lines by changing stroke widths/caps and adding a dash path effect. Includes code, a repo and three blog posts; screen readers and keyboard users can now read exact year-by-year percentages and grayscale users can distinguish lines.
AI-written summary · about
chapters (6)
- 0:00Introduction and speaker intro
- 1:32About the example app
- 6:30Adding content descriptions
- 22:32Improving keyboard accessibility
- 27:56Differentiating without color
- 36:25Resources and closing
related talks
33mMaking Data Visualizations More Accessible
40mFrom Zero to Multiplatform: Building a Charts Library in 15 Days
13mDesigning for accessibility in Android Studio and Jetpack Compose
35mAccessible Charts Done Right
49mGetting to the Core of Data Visualization Accessibility
24mAccessible charts done right
37mPainting with Data
44mAccessibility with Compose : Experimentation & Live coding