Test Suite

Color Contrast

Tests axe-core rule: color-contrast. Ratio threshold: 4.5:1 for normal text, 3:1 for large text.

Test Hub / Color Contrast

Failing contrast — light text on light background

FAIL — #aaaaaa on #ffffff = 2.32:1, well below 4.5:1

This text is #aaaaaa on white. It fails WCAG AA contrast. The ratio is approximately 2.3:1.

Failing contrast — dark text on dark background

FAIL — #555577 on #2a2a3a = ~2.1:1

This text is #555577 on a dark background. It fails contrast requirements.

Passing contrast — white on dark

PASS — #f0f4ff on #101420 = ~17:1

This text is #f0f4ff on the Vesper navy background. It passes WCAG AA and AAA at approximately 17:1.

Passing contrast — amber on dark

PASS — #fdbb25 on #101420 = ~9.4:1

Amber brand color on Vesper navy. Passes both AA and AAA contrast requirements.

Failing contrast — button with poor foreground

FAIL — #999999 text on #dddddd button = ~2.0:1

This button has insufficient contrast between text and background.