JustAir · WCAG Contrast Report
WCAG FAIL < 3.0 (normal text)
Prioritize these—users may struggle to read them in common conditions.
| Contrast |
Background / Text (with swatches) |
Where it appears (examples) |
| 1.2:1 Fail |
#b4fb9d / #ffffff
|
Map badge/tiles on light green |
| 1.2:1 Fail |
#ffffff / #b4fb9d
|
Compare Monitors numeric chips |
| 1.6:1 Fail |
#ffffff / #f7c946
|
Yellow values on white |
| 1.72:1 Fail |
#767676 / #25abde
|
“Air Quality Map” on gray |
| 1.72:1 Fail |
#767676 / #25abde
|
Recent Hours header |
| 2.19–2.42:1 Fail |
#b7fca1 / #25abde
2.19:1
#f5f5f5 / #25abde
2.35:1
#f2f2f2 / #25abde
2.42:1
|
“Sign up / See Details / links” on light cards |
| 2.64:1 Fail |
#25abde / #ffffff
#ffffff / #25abde
|
Primary links/buttons (Today, Compare, Remove Cluster) |
| 2.8:1 Fail |
#4caf50 / #ffffff
|
“Geoapify” green pin/badge |
WCAG AA 4.5–6.99
OK for normal text; consider stronger contrast for tiny labels.
| Contrast |
Background / Text |
Where it appears |
| 5.0:1 AA |
#ffffff / #d32f2f
|
“Clear Selected” (red on white) |
| 5.1:1 AA |
#2e7d32 / #ffffff
|
Dark-green buttons |
| 5.4–5.7:1 AA |
#b5fb9e / #00000099
#f5f5f5 / #00000099
#ffffff / #00000099
#f7fff5 / #00000099
|
Body/help text on light cards |
WCAG AAA ≥ 7.0
Excellent—safe for small text, badges, and overlays.
| Contrast |
Background / Text |
Where it appears |
| 8.5:1 AAA |
#265728 / #ffffff
|
Pin glyphs / deep green on white |
| 9.6–10.4:1 AAA |
#e5f6fd / #014361
#fafaf9 / #000000bf
#fbfbfa / #000000bf
#ffffff / #000000bf
|
Notices, attributions |
| 12.1:1 AAA |
#173e19 / #ffffff
|
“Hide Boundaries” (dark green) |
| 13.7–13.8:1 AAA |
#b7fba1 / #000000de
#b8fba2 / #000000de
#b8fba3 / #000000de
#b9fca3 / #000000de
|
Monitor cards (GOOD state) |
| 15.0–16.1:1 AAA |
#fff4e5 / #000000de
#f7fff5 / #000000de
#ffffff / #000000de
|
Health impact panels, body text |
| 17.2–21:1 AAA |
#b4fb9d / #000000
#f5f5f5 / #000000
#f7fff5 / #000000
#ffffff / #000000
|
Counters, footers, generic text |