Stranger Grids: When Accessibility and Sustainability Change CSS

on YouTube ↗24m

" summary

Showcases how improving accessibility reduces unnecessary CSS, boosts performance and lowers environmental impact, citing global and regional prevalence figures (e.g., 15% worldwide, 3.5M in Italy). Presents concrete CSS techniques: background-color/color for dark mode, prefers-color-scheme, the experimental prefers-reduced-data, prefers-contrast and prefers-reduced-motion; recommends practical tools (EccoGrader and WAVE) and favors writing a few CSS rules over importing heavy libraries.

AI-written summary · about

" chapters (12)

1. 0:00Accessibility and sustainability intro
2. 2:24Real accessibility scenarios
3. 5:09Disability impact data
4. 8:02Accessibility vs environment
5. 11:36Perceivability and performance
6. 13:26Usability and navigation
7. 14:08Comprehensibility and wasted resources
8. 15:13Sustainable device lifecycle
9. 17:01CSS dark mode myths
10. 19:29User preferences and modern CSS
11. 20:38Libraries vs pure CSS
12. 21:44Accessibility and sustainability together

" related talks

• 30mWriting CSS with Accessibility in MindManuel Matuzović · CSSConf Budapest 2017
• 51mWriting even more CSS with Accessibility in MindManuel Matuzović · Inclusive Design 24 (#id24) 2020
• 01h 11mCSS is RadMiriam E Suzanne · SmashingConf Live 2020
• 18mRefactoring with CSS GridOliver Williams · CSSconf EU 2018
• 32mThe Dark Side of the GridManuel Matuzović · FrontEnd Con 2018
• 15mWriting CSS in the year 3019Ire Aderinokun · dotCSS 2019
• 32mFall In Love With CSSPiper Thunstrom · PyCon US 2026
• 37mFuture-Proof CSSIre Aderinokun · Craft Conference 2022