Take Care of Your Pixel - Matteo Guidotto and Davide di Pumpo
summary
The talk argues that accessibility includes performance and sensory differences, not just semantics, and backs this with global figures (466 million with hearing loss, BBC retention loss per second, rapid internet growth in India). Concrete recommendations include using color-blindness simulators (Sim Daltonism), running Lighthouse and WebPageTest, enabling gzip, HTTP/2 and a CDN, shipping critical CSS and subtitles, deferring or using variable fonts, and caching critical CSS via a service worker.
AI-written summary · about
chapters (24)
- 0:00Talk welcome
- 1:10Journey in India
- 3:43Web accessibility intro
- 5:10Visual problems stats
- 8:47Hearing disability numbers
- 10:12Accessibility as choice
- 11:19Semantic markup
- 12:42Contrast, icons, layout
- 14:28Audio/video/animation mistakes
- 15:53Colors, fonts, layout pitfalls
- 18:00Dev tools for testing
- 20:08Performance role
- 21:55Loading speed matters
- 23:22Conversion stats
- 24:2590% work in few steps
- 25:53Optimize static assets
- 26:36Unused CSS removal
- 28:22Critical CSS fonts
- 30:51Performance budget
- 31:34Advanced CSS reduction
- 33:03CSS mistakes to avoid
- 34:26Light animations images
- 36:13Progressive loading
- 37:57Accessibility core value
related talks
48mThis is for everyone
36mThe Human Side of Accessibility
28mBuilding in accessibility for broader value to all
45mA Glimpse Into Accessibility
42mA Glimpse Into Accessibility
53mThe Human Side of Accessibility
20mWhy we need to put accessibility first!
46mMobile accessibility - challenges and best practices