Accessibility: Sheet close button contrast below 3:1 (WCAG AA fail) #190

New Issue

Open

opened 2026-05-29 16:45:54 -05:00 by null · 0 comments

null commented

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

Owner

Severity: Major

Description: The Sheet component close button uses text-white opacity-60 hover:opacity-100 on bg-primary-navy. The opacity-60 reduces contrast below 3:1, failing WCAG AA.

File: src/components/ui/Sheet.jsx line 59

Fix direction: Use text-white with hover:text-primary-cyan or increase base opacity to opacity-80.

**Severity:** Major **Description:** The Sheet component close button uses `text-white opacity-60 hover:opacity-100` on `bg-primary-navy`. The `opacity-60` reduces contrast below 3:1, failing WCAG AA. **File:** `src/components/ui/Sheet.jsx` line 59 **Fix direction:** Use `text-white` with `hover:text-primary-cyan` or increase base opacity to `opacity-80`.