How do you enforce WCAG touch target minimums in Figma?
Tests WCAG 2.2 SC 2.5.8 and design-system governance. A strong answer cites the 24x24 CSS pixel minimum and spacing exception, then covers Figma component constraints and linting. A red flag is dumping accessibility on developers without design guardrails.
This tests fluency in WCAG 2.2 SC 2.5.8 and operationalizing accessibility inside a design system. A strong answer states the 24 by 24 CSS pixel minimum and spacing exception: undersized targets need a 24px diameter circle that does not intersect neighbors. It then details Figma tactics like component minimums, auto-layout padding, spacer tokens, and plugins to lint targets and flag violations before handoff. A red flag is treating touch targets as a developer handoff concern instead of preventing violations at the component level.
Read the original → w3.org
- #accessibility
- #figma
- #design systems
- #wcag
- #component architecture
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.