Designing A11y with Material Design
summary
Concrete experiments and practical tooling dominate: a whack‑a‑mole style prototype measures hit probability and models show diminishing returns around 48 dip target size (noting WCAG/Apple differences), a study of 2,000 focus‑indicator variations finds roughly a 0.5s performance gap, and guidance on color and type links to the Material color tool and Google Fonts type scale plus Lighthouse and Accessibility Scanner. Claims include a potential 10x impact for users with disabilities and updated component recommendations.
AI-written summary · about
chapters (8)
- 0:00Start
- 0:28What Is Accessibility
- 4:37Target Size Recommendations
- 7:39Designing Accessible Components
- 8:22Cognitive Accessibility Guidelines
- 12:16Material State System
- 12:57Visible Keyboard Focus Indicator
- 13:32Focus Indicator
related talks
44mDesigning with Accessibility in Mind
06mDesign Accessibly: Color Contrast Tips and Tools
31mHow to Be an A11Y - Creating Accessible React Apps
32mBuilding Empathy and Accessible Apps
36mThe Human Side of Accessibility
40mDesign for Accessibility
17mGoogle material design framework: Building more accessible experiences
40mBeyond Aesthetics: Designing with Color for Accessibility and Inclusion