Problem
In light mode, nav links use secondary-text which maps to light-600: #d0d0d0 on a background of light-100: #979898.
Contrast ratio: ~1.7:1 — WCAG minimum for normal text is 4.5:1.
Nav links are essentially invisible in light mode.
Fix
Correct the light palette values (see related issue for palette fix). After fixing light-600 to #555555 and light-100 to #f7f7f7, contrast becomes ~7:1 which passes WCAG AA.
File: scss/ui.scss — nav .active and hover states may also need revisiting once palette is corrected.
Problem
In light mode, nav links use
secondary-textwhich maps tolight-600: #d0d0d0on abackgroundoflight-100: #979898.Contrast ratio: ~1.7:1 — WCAG minimum for normal text is 4.5:1.
Nav links are essentially invisible in light mode.
Fix
Correct the light palette values (see related issue for palette fix). After fixing
light-600to#555555andlight-100to#f7f7f7, contrast becomes ~7:1 which passes WCAG AA.File:
scss/ui.scss— nav.activeand hover states may also need revisiting once palette is corrected.