Designing for Users With Low Vision
summary
Shows that responsive layouts and browser zoom (up to 500%) are not the same as full-screen magnification: browser zoom enlarges page content but can cause horizontal sprawl, while OS magnifier pans and scans every part of the screen so users must move the mouse to reveal elements. Uses live demos on Costco, Walmart, NC Commerce and LS&S to show sticky headers and chat widgets blocking content, hover dialogs disappearing under magnification, and recommends pauseable accordions, logical reading order, high-contrast modes and to avoid overlays like UserWay/accessiBe.
AI-written summary · about
chapters (25)
- 0:00Welcome
- 1:00Introductions
- 2:12Agenda
- 3:08Visual Impairments
- 3:42Low Vision
- 4:14Magnification
- 4:52Computer Options
- 7:33InPage Tools
- 8:06Browser Zoom
- 8:51Lucky Buttons
- 9:35BrowserZoom
- 10:35Responsive Design
- 12:06The Good
- 16:23Sticky Headers
- 17:47Keyboard
- 18:26Browser Zoom Limitations
- 19:26Magnifying
- 19:40What is magnification
- 23:49Alignments
- 24:52Mouse Behavior
- 27:14Demo
- 30:40Recap
- 38:04Limitations
- 39:44Conclusion
- 42:25Questions
related talks
22mCan you see that OK? CSS tips for low-vision accessibility
53mDoing Responsive Right: Accessibility Lessons from the Field
46mExclusive design
53mUsability useful for everyone
22mInclusive UI design
49mRedesigning for Cognitive Ease
59mAccessibility in UX: A panel discussion
57mDesigning for people who use a mouse