Accessibility-Driven Design
summary
Design choices land on measurable tradeoffs: fonts and colors get picked for legibility and contrast for people with disabilities, so the site adopts Open Sans (open source to avoid a $300/month license) and standardizes blue hyperlinks for cognitive recognition; CSS-built Smarties and Skittles replace image infographics and prove accessible in prototypes; an unexpected outcome is the widespread Railway misuse—a decorative font that spreads across headings and PowerPoints and reduces readability because early user testing and paid participant recruitment are missing, leaving fixes to later iterations.
AI-written summary · about
chapters (15)
- 0:00Accessibility-driven design
- 1:02Personal background and five favorite things
- 2:072015 design trends
- 3:32Government website 2012
- 5:59Apple design demands
- 6:432015 redesign expansion
- 8:07Guardian of Galaxy vision
- 9:13Font and color choices
- 12:45Font readability PSA
- 13:26Accessible infographics CSS
- 15:54User testing challenges
- 17:20Modern testing inclusion
- 17:40Link color debate
- 20:29Key takeaways
- 21:57Q&A usability testing
related talks
44mDesigning with Accessibility in Mind
22mAccessibility for Everyone
30mDesign in an Age of inclusivity
49mInclusive Design Patterns For 2025
16mAccessibility Matters: How to Build Apps for Everyone
40mBeyond Aesthetics: Designing with Color for Accessibility and Inclusion
01h 00mAccessible UX: Design for the rest of us
59mImproving Accessibility Through Design Systems