Published 2026-02-18 · 1 min read
How REM Improves Accessibility (User Scaling, Zoom, and Token Discipline)
REM ties your UI to user-controllable root sizing, which is critical for readable defaults and predictable spacing under zoom.
Scaling paths
Users may change default font size, zoom the page, or both. REM-based spacing and type move together, reducing layout blowouts when one axis changes.
Tokens and QA
Define a token ladder (type-100…type-900) in REM, then snapshot representative pages at 100% and 200% zoom during QA.
When design still delivers px, convert with PX to REM but record the assumed root to avoid silent drift between teams.
Frequently asked questions
- Does REM replace WCAG contrast checks?
- No—legible size and sufficient contrast are separate requirements. Use REM for scale and the [contrast checker](/tools/wcag-contrast-checker) for color pairs.