Accessibility

APCA Contrast & WCAG 3

Compare WCAG 2.x contrast ratio with APCA (WCAG 3 draft) Lc value side by side. Font-size and weight aware compliance checking.

The quick brown fox jumps over the lazy dog Live Preview — 16px / 400w
Colors
Font Settings APCA
Presets
WCAG 2.x Ratio14.85:1AAA
APCA Lc ValueLc -88Body Text OK
Polarity:Reverse (light on dark)
WCAG 2.x Compliance
LevelContextRequiredResult
AANormal Text (< 18pt)4.5:1 PASS
AALarge Text (>= 18pt bold / 24pt)3:1 PASS
AAUI Components3:1 PASS
AAANormal Text (< 18pt)7:1 PASS
AAALarge Text (>= 18pt bold / 24pt)4.5:1 PASS
APCA Compliance Font-Aware
Use CaseMin SizeMin WeightResult
Body Text (content)16px400 PASS
Large Text (headings)24px700 FAIL
Sub-headings18px600 FAIL
Placeholder / Disabled14px400 PASS
Non-text UI (icons, borders)N/AN/A PASS
Large Non-text (hero graphics)N/AN/A PASS
Fluent / Columns of Body Text14px400 FAIL
Spot / Non-content Text16px400 PASS