Accessibility: Footer text contrast too low #191

New Issue

Closed

opened 2026-05-29 16:45:54 -05:00 by null · 1 comment

null commented

2026-05-29 16:45:54 -05:00

Owner

Severity: Minor

Description: Footer text uses text-navy-light (#68A3B8) on bg-primary-navy (#0B2A3C). Contrast ratio is ~3.3:1, below WCAG AA 4.5:1 for normal text.

Files: src/components/layout/Footer.jsx, src/index.css

Fix direction: Darken #68A3B8 to at least #475569 (~5.4:1) or use text-white/90.

**Severity:** Minor **Description:** Footer text uses `text-navy-light` (`#68A3B8`) on `bg-primary-navy` (`#0B2A3C`). Contrast ratio is ~3.3:1, below WCAG AA 4.5:1 for normal text. **Files:** `src/components/layout/Footer.jsx`, `src/index.css` **Fix direction:** Darken `#68A3B8` to at least `#475569` (~5.4:1) or use `text-white/90`.

null added the

bug

accessibility

labels 2026-05-29 16:45:54 -05:00

null added this to the Batch 10 — Accessibility WCAG 2.1 AA milestone 2026-08-18 01:24:53 -05:00

null commented

2026-08-18 02:32:07 -05:00

Author

Owner

Not a defect, and the suggested fix would have caused a serious regression. Closing with the arithmetic.

The claim: text-navy-light (#68A3B8) on bg-primary-navy (#0B2A3C) is '~3.3:1, below WCAG AA 4.5:1'.

Measured: 5.33:1. That passes WCAG AA for normal text. The figure in the issue is wrong.

The proposed fix is the important part. It suggested darkening to #475569 'for ~5.4:1'. Against #0B2A3C that is 1.96:1 — a dark slate on a dark navy. It would have failed not only AA for text but the 3:1 non-text threshold as well, on all 11 footer links. Acting on this issue as written would have made the footer substantially less readable than it is today.

Its alternative suggestion, text-white/90, measures 12.32:1 and would have been safe — but it is not needed, and it would flatten the deliberate visual hierarchy between footer body text and headings.

Closing as no change required.

Verify: WCAG contrast of #68A3B8 on #0B2A3C is 5.33:1 (passes AA normal text); #475569 on #0B2A3C is 1.96:1 (fails everything).

Not a defect, and the suggested fix would have caused a serious regression. Closing with the arithmetic. The claim: text-navy-light (#68A3B8) on bg-primary-navy (#0B2A3C) is '~3.3:1, below WCAG AA 4.5:1'. Measured: **5.33:1**. That passes WCAG AA for normal text. The figure in the issue is wrong. The proposed fix is the important part. It suggested darkening to #475569 'for ~5.4:1'. Against #0B2A3C that is **1.96:1** — a dark slate on a dark navy. It would have failed not only AA for text but the 3:1 non-text threshold as well, on all 11 footer links. Acting on this issue as written would have made the footer substantially less readable than it is today. Its alternative suggestion, text-white/90, measures 12.32:1 and would have been safe — but it is not needed, and it would flatten the deliberate visual hierarchy between footer body text and headings. Closing as no change required. Verify: WCAG contrast of #68A3B8 on #0B2A3C is 5.33:1 (passes AA normal text); #475569 on #0B2A3C is 1.96:1 (fails everything).

null closed this issue

2026-08-18 02:32:08 -05:00