-
Notifications
You must be signed in to change notification settings - Fork 127
Closed
Labels
accessibilityAccessibility improvements and complianceAccessibility improvements and compliancebugSomething isn't workingSomething isn't working
Description
Problem
The left sidebar navigation links in the Docusaurus site use color: #e6e6e6 (light grey) for .menu__link in both light and dark themes. On the white light-mode background, this produces a contrast ratio of approximately 1.45:1 — far below the WCAG AA minimum of 4.5:1 for normal text.
Expected Behavior
Sidebar links should use colors that meet WCAG AA contrast requirements (4.5:1 minimum) in both light and dark themes.
Proposed Fix
- Light mode: Change
.menu__linkcolor tovar(--ifm-font-color-base)(#161616), yielding ~13:1 contrast against white. - Dark mode: Add a
[data-theme='dark'] .menu__linkrule preserving#e6e6e6, which provides ~12:1 contrast against the dark background (#1f1f1f).
File
docs/docusaurus/src/css/custom.css
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
accessibilityAccessibility improvements and complianceAccessibility improvements and compliancebugSomething isn't workingSomething isn't working