TLDR Design · MISCELLANEOUS

TESTING FONT SCALING FOR ACCESSIBILITY WITH FIGMA VARIABLES

smashingmagazine.com17 min read

Summary from the TLDR Design newsletter

Figma variables can be used to test font size increases across scales from 100% to 200%, fulfilling WCAG 2.2's mandatory AA criterion that text must be resizable up to 200% without loss of content. The workflow requires structured auto layouts, text styles, and number variables for font-size and line-height — foundations that most teams with a design system already have in place. According to APPT data from February, 26% of mobile users increase their device's default font size, making accessibility testing a non-negotiable part of the design process.