Accessible Charts Done Right

on YouTube ↗35m

" summary

Argues that charts can be fully accessible and shows concrete tactics: attach aria-describedby per point and unique labels so screen readers read each bar, expose data as render tabular export (CSV/Excel) for detailed consumption, and make interactive pieces keyboard-focusable while avoid positive tabindex and provide logical focus order. Recommends skip links between chart elements, fallback HTML tables for full detail, test with VoiceOver/Chrome, and optimize rendering (server-side render or inline critical CSS) for performance.

AI-written summary · about

" chapters (6)

1. 0:00Introduction and speaker intro
2. 3:05Why accessible charts matter
3. 12:56Making charts screen-reader friendly
4. 20:33Advanced techniques for complex charts
5. 27:55Performance and accessibility balance
6. 32:16Summary and resources

" related talks

• 34mAccessible Charts Done Right: Myth or RealitySergei Kriger · CSS-Minsk-JS 2018
• 41mAccessible Charts Done RightSergei Kriger · Inclusive Design 24 (#id24) 2018
• 24mAccessible charts done rightSergei Kriger · WebCamp Zagreb 2018
• 01h 02mDeveloping Accessible ChartsSergey Kriger · HolyJS 2018 Moscow
• 50mAddressing the Core Issue of Data Visualization AccessibilityThomas Watkins · ConveyUX 2023
• 48mAccessibility in Data VisualizationSARAH L. FOSSHEIM · SmashingConf Freiburg 2024
• 31mDeveloping for EveryoneSergei Kriger · Øredev 2019
• 21mMusical Charts: Using OSS to Make Data Visualizations Accessible to Visually Impaired UsersJulianna Langston · Open Source in Finance Forum New York 2022