WCAG CHECKER // Accessibility Audit for Type

Set font, size, weight, spacing and colors, then run the full WCAG 2.2 check: contrast (1.4.3 / 1.4.6), resize to 200% (1.4.4), text-spacing overrides (1.4.12), reflow at 320px (1.4.10), font substitution, fallback stack and glyph distinguishability. Pre-loaded with "gin_and_tonic".

Back to Labs

Typeface

Load from catalog

No webfont: testing the fallback stack

Fallback stack

font-display

Typography

Font size16px

Font weight

Line height1.5

Letter spacing0em

Word spacing0em

Container width

Colors

Text color

Background color

Contrast18.88:1

Preview

Typography is the craft of endowing human language with a durable visual form. A well-set paragraph should stay readable when the reader zooms in, overrides your spacing, or replaces your typeface entirely — Illustrated 1000 words, O0 and Il1 included.

Sample text

WCAG 2.2 audit

0/0 AA

All level AA criteria pass with these settings. 0 advisory warnings to review.

WCAG audit — gin_and_tonic
Font size 16px / weight 400 / line-height 1.5
Colors #111111 on #FFFFFF
Container 640px
AA criteria passed: 0/0