Accessibility
WCAG compliance checker and contrast testing.
Contrast Checker
Aa
20.27:1
AA Large PassAA PassAAA Pass
Spec findings
from DESIGN.md linterAuthoritative contrast findings from the pinned Google DESIGN.md linter, run against our portable brand briefing. Any component token pair below WCAG AA (4.5:1 body text, 3:1 UI) shows up here.
Loading…
Token Pair Reference
| PAIR | PREVIEW | RATIO | WCAG |
|---|
| White on Background | Aa | 20.27 | AAAAA |
| Electric Green on Background | Aa | 7.97 | AAAAA |
| Steel on Background | Aa | 7.07 | AAAAA |
| Cyber Blue on Background | Aa | 11.94 | AAAAA |
| Hot Magenta on Background | Aa | 5.29 | AAAAA |
| White on Deep Space | Aa | 18.92 | AAAAA |
| Electric Green on Deep Space | Aa | 7.44 | AAAAA |
| Black on Electric Green | Aa | 8.26 | AAAAA |