Playground
Contact Us Templates
Who's Who Templates
State Portal Templates
Grievance Portal Templates
Profile Templates
Template: Contact Us (Type 1)
WCAG Color contrast check
UX4G uses different ramp steps in dark mode, so each pair is checked twice.
check_circle
SuccessAll checks pass WCAG AA in light and dark mode.
PAIR | MODE | RATIO | RESULT |
|---|---|---|---|
AaPrimary button text | Light | 8.69:1 | checkPass |
AaPrimary button text | Dark | 8.69:1 | checkPass |
AaBody text | Light | 16.86:1 | checkPass |
AaBody text | Dark | 17.93:1 | checkPass |
AaSecondary text | Light | 7.81:1 | checkPass |
AaSecondary text | Dark | 10.06:1 | checkPass |
AaLink text | Light | 8.69:1 | checkPass |
AaLink text | Dark | 6.04:1 | checkPass |
AaError message text | Light | 4.57:1 | checkPass |
AaError message text | Dark | 7.65:1 | checkPass |
AaSuccess message text | Light | 6.39:1 | checkPass |
AaSuccess message text | Dark | 8.24:1 | checkPass |