One Blind Weekend

on YouTube ↗08m

" summary

Temporary blindness for a weekend forces navigation with VoiceOver on Mac and iPhone and exposes which web patterns break: unlabelled inputs, visual-only controls, infinite scroll that never ends, and links implemented as divs. Concrete fixes include semantic HTML and ARIA landmarks, keeping visually hidden text in the DOM, using real links/buttons for actions, adding useful alt text and labels, providing pagination or a “load more” button, sufficient contrast and zooming, and not relying on color alone.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 2:06Semantic HTML
3. 3:16Context
4. 4:58Infinite scrolling
5. 5:50Color contrast
6. 6:33Conclusion
7. 7:12Special Shoutout
8. 7:33Outro

" related talks

• 08mOne Blind WeekendJinny Wong · RedDotRubyConf 2017
• 11mOne Blind WeekendJinny Wong · RubyConf MY 2017
• 27mOne blind weekendJinny Wong · iOS Conf SG 2017
• 22mInclusive UI designSimone Checchia · Intersection Conference 2023
• 31mBringing the Web Back to the BlindRyan Florence · MountainWest JavaScript 2014
• 46mExclusive designVasilis Van Gemert · Frontend United 2019
• 43mTalk To Me - Making web sites accessibleJ. Zaefferer · infoShare 2013
• 43mHow to Make a Web App Accessible to a Blind PersonHervé Boisgontier · Devoxx France 2024