The designer is the problem, design is the solution
summary
The talk explains that most accessibility issues come from design decisions and that many WCAG guidelines relate to design. It gives concrete fixes: use Stark to check color contrast and meet 4.5:1 (or 3:1 for 24px/19px bold), never rely on color alone (add icons or textures like Trello), provide meaningful alt text for nondecorative images, keep labels external to inputs, ensure keyboard focus is visible, and show field-specific error messages and examples; it also points to a public accessibility library with resources and components implementing these rules.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:07Designer’s role in accessibility
- 3:59Design barriers
- 5:46WCAG for accessibility
- 6:30Common web accessibility errors
- 7:14Color contrast and independence
- 9:41Alt text for visuals
- 11:27Form and label accessibility
- 13:15Keyboard forms and error prevention
- 15:43Designer is the problem, design the solution
- 16:46Accessibility as design challenge
- 17:34Accessibility resources
- 18:46Q&A
related talks
44mDesigning with Accessibility in Mind
52mDesigning inclusive and accessible experiences
06mDesign Accessibly: Color Contrast Tips and Tools
52mEssential Accessibility Annotations for a Smoother Design to Development Handoff
59mImproving Accessibility Through Design Systems
31mWeb Accessibility: From Design to Code, How to Move Toward Greater Inclusion
51mDesign For Everyone
47mFrom Parts to Whole – Beyond Design System