New options for accessible design
summary
A Figma plugin called design assistant scans components and layouts, flags concrete failures (for one copied button it finds 26 default variants but only 24 focus variants), checks color contrast and touch targets, extracts interactive elements, generates keyboard focus order, and writes developer guidelines with semantic HTML, ARIA roles, and keyboard-event advice saved on the file with no data exfiltration. The demo shows fixes, rescans, and persistence; the lab is building an AI auto-annotation button to label landmarks, headings, and alt text.
AI-written summary · about
chapters (5)
- 0:00The accessibility challenge
- 2:36Design system components
- 6:22Layout accessibility
- 13:38AI in design handoff
- 15:27The disability mountain
related talks
49mHow Do You Make Accessibility Testing as Efficient as Possible
10mMaking the right thing the easy thing
51mDesign For Everyone
40mAccessibility-flavored React components make your design system delicious
52mEssential Accessibility Annotations for a Smoother Design to Development Handoff
49mMaking Pinterest More Inclusive Through Design Systems
44mDesigning with Accessibility in Mind
29mAre Design Systems Ready for the AI Revolution?