Color Contrast Report
Last generated by scripts/check-contrast.js. Run make a11y-contrast to refresh.
Color Contrast Results
Run at: 4/1/2026, 9:24:36 AM
| Pair | FG | BG | Ratio | AA |
|---|---|---|---|---|
| Light: body text on background | #11181c |
#ffffff |
17.93:1 | ✅ PASS |
| Light: icon on background | #687076 |
#ffffff |
5.04:1 | ✅ PASS |
| Light: tab icon on background | #687076 |
#ffffff |
5.04:1 | ✅ PASS |
| Dark: body text on background | #ecedee |
#151718 |
15.34:1 | ✅ PASS |
| Dark: icon on background | #9ba1a6 |
#151718 |
6.89:1 | ✅ PASS |
| Dark: tab icon on background | #9ba1a6 |
#151718 |
6.89:1 | ✅ PASS |
| Button: primary text (#000) on white | #000000 |
#ffffff |
21.00:1 | ✅ PASS |
| Button: secondary text (#fff) on black | #ffffff |
#000000 |
21.00:1 | ✅ PASS |
| Button: danger text (#dc2626) on white | #dc2626 |
#ffffff |
4.83:1 | ✅ PASS |
| Button: outline text (#fff) on dark bg | #ffffff |
#1a2332 |
15.78:1 | ✅ PASS |
| FilterButton: active text (#fff) on black | #ffffff |
#000000 |
21.00:1 | ✅ PASS |
| FilterButton: inactive text (#374151) on white | #374151 |
#ffffff |
10.31:1 | ✅ PASS |
| Status badge: text (#fff) on green — design fix needed (tracked) | #ffffff |
#22c55e |
2.28:1 | ℹ️ EXEMPT |
| Status badge: text (#fff) on slate | #ffffff |
#64748b |
4.76:1 | ✅ PASS |
| Status badge: text (#fff) on amber — design fix needed (tracked) | #ffffff |
#f59e0b |
2.15:1 | ℹ️ EXEMPT |
| SOS button: white text on red | #ffffff |
#dc2626 |
4.83:1 | ✅ PASS |
| General: slate-900 text on white | #0f172a |
#ffffff |
17.85:1 | ✅ PASS |
| General: gray-500 text on white | #6b7280 |
#ffffff |
4.83:1 | ✅ PASS |
| Input: placeholder (#9ca3af) on white — informational, WCAG exemption applies | #9ca3af |
#ffffff |
2.54:1 | ℹ️ EXEMPT |
Overall: ✅ ALL AA PASSED