Figma Accessibility Tokens v1.2 Standardizes Contrast, Motion and Focus States

Design · 4 min read

The Figma community has published version 1.2 of its accessibility token specification, introducing standardized tokens for color contrast, reduced-motion preferences, and focus semantics. The update formalizes naming conventions and introduces a set of semantic aliases — for example, 'ui-contrast-emphasis' and 'focus-ring-visible' — so designers and engineers can map intent consistently across platforms.

Technically the spec expands on token layers: platform-independent semantic tokens, device-aware tokens (prefixed with reduced-motion or high-contrast), and export mappings for CSS variables, SwiftUI, and Jetpack Compose. It also prescribes meta‑properties for auditability (source, WCAG rationale, and effective contrast ratios) so tokens can travel with the component into runtime checks and automated reports.

For design systems teams this reduces ambiguity: QA can run token-level audits to find every instance where a background/foreground pair fails contrast requirements, and engineering can wire user preferences (reduce motion, high contrast) to token substitution at runtime. The community draft calls for broader adoption by component libraries and asks implementers to publish compatibility reports — the spec repository includes a migration checklist for existing systems.