Developing Accessible Charts

on YouTube ↗01h 02m

" summary

Covers techniques for making data visualizations accessible, focusing on creating inclusive charts with the D3.js library. Presents multiple concrete approaches and live examples showing how people with visual impairments can access information from interactive graphics.

AI-written summary · about

" chapters (19)

1. 0:00Introduction
2. 3:08Charts accessibility
3. 7:27Describing charts for screen readers
4. 11:46Complex charts accessibility
5. 15:15Skip Link pattern
6. 21:56Charts and tables
7. 26:29Accessible data tables
8. 31:303 ways to make charts accessible
9. 32:13Accessibility and chart performance
10. 35:43Server-side chart rendering
11. 37:07Summary
12. 40:38Q&A: Certification and testing
13. 43:25Q&A: Screen reader metrics
14. 46:34Q&A: Dynamic data
15. 48:41Q&A: Legacy code
16. 51:05Q&A: Screen readers
17. 54:38Q&A: Mobile devices
18. 56:43Q&A: User testing
19. 59:33Q&A: Motivation and future

" related talks

• 34mAccessible Charts Done Right: Myth or RealitySergei Kriger · CSS-Minsk-JS 2018
• 41mAccessible Charts Done RightSergei Kriger · Inclusive Design 24 (#id24) 2018
• 35mAccessible Charts Done RightSergei Kriger · FrontEnd Con 2018
• 48mAccessibility in Data VisualizationSARAH L. FOSSHEIM · SmashingConf Freiburg 2024
• 38mAccessibility in Data Visualizations: Two Case StudiesCaterina Amato, Ilenia Baronio · Accessibility Days 2023
• 42mIntroduction to d3 and Data-Driven ChartsMiguel Ángel Díaz · Commit Conf 2018
• 48mVisual Storytelling w/D3-A Conceptual Intro to Visualizing Data w/JavaScriptR King · Philly ETE 2015
• 15mThe Future of Data Visualization on the WebAlan Mendelevich · You Gotta Love Frontend 2019