Readability & Design Building inclusive digital experiences
summary
The talk explains that reading on-screen is a noisy, non-linear visual process driven by rapid saccades and peripheral shape recognition, with eye-tracking showing many users stop after the second paragraph. It presents practical design fixes—semantic HTML, consistent layout, larger line height and type size, clear hierarchy, high contrast, restrained animation—and reports a case study where applying these changes measurably improved scanning and comprehension; it also recommends drastically reducing copy (cut content in half twice) and using repeatable labels and visual grouping.
AI-written summary · about
chapters (6)
- 0:00Introduction
- 1:11Readability essentials
- 3:58How brain reads text
- 10:37Airport readability
- 12:00Web readability tips
- 17:57Summary
related talks
51mReadability & Web: Let's build great inclusive projects
48mTypography, Readability and Digital Accessibility
51mBuilding A11y Digital Experiences for Neurodivergent Users
28mFrom Documents to UI: Designing an Inclusive Digital Experience
53mInclusive Design Patterns: From Gen-Z To to Aging Audiences
49mRedesigning for Cognitive Ease
49mNeuroinclusive Content Design
46mMobile accessibility - challenges and best practices