Code & Design Tokens

Accessible Typography

Guidance

  • Use a modular scale; clamp for responsiveness.
  • Set body ≥16 px; verify contrast with backgrounds.

References

  • WCAG 2.2 — Contrast (Minimum) 1.4.3: https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum
  • WAI — Understanding Visual Contrast of Text: https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Contrast
  • Material Design — Typography: https://m3.material.io/styles/typography/overview
Previous
Content & Microcopy Templates