Commit aa5b4bb
fix(docs): update sidebar link color to meet WCAG AA contrast requirements (#814)
## Summary
Fixes the left sidebar navigation link color that fails WCAG AA
accessibility contrast requirements.
## Problem
The `.menu__link` rule in the Docusaurus custom CSS used `color:
#e6e6e6` (light grey) for both light and dark themes. On the white
light-mode background (`#ffffff`), this produces a contrast ratio of
~1.45:1 — far below the WCAG AA minimum of 4.5:1 for normal text.
## Changes
- **Light mode**: Changed `.menu__link` color from `#e6e6e6` to
`var(--ifm-font-color-base)` (`#161616`), yielding ~13:1 contrast ratio
against white — exceeds WCAG AAA (7:1).
- **Dark mode**: Added `[data-theme='dark'] .menu__link` rule preserving
`#e6e6e6`, which provides ~12:1 contrast against the dark background
(`#1f1f1f`).
## File Changed
- `docs/docusaurus/src/css/custom.css`
Fixes #813
Co-authored-by: Bill Berry <wbery@microsoft.com>1 parent a7bb856 commit aa5b4bb
1 file changed
+5
-1
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
191 | 191 | | |
192 | 192 | | |
193 | 193 | | |
194 | | - | |
| 194 | + | |
195 | 195 | | |
196 | 196 | | |
197 | 197 | | |
| |||
208 | 208 | | |
209 | 209 | | |
210 | 210 | | |
| 211 | + | |
| 212 | + | |
| 213 | + | |
| 214 | + | |
211 | 215 | | |
212 | 216 | | |
213 | 217 | | |
| |||
0 commit comments