The new axe-core accessibility test found 74 elements with insufficient color contrast (WCAG AA standard).
Currently excluded from the test via disableRules(['color-contrast']) in e2e/tests/accessibility.spec.ts.
What to do
- Run
npx playwright test tests/accessibility.spec.ts with color-contrast re-enabled
- Review the failing elements — likely gutter numbers, muted text, badge labels, and subtle UI elements
- Adjust CSS custom properties in
theme.css to meet 4.5:1 contrast ratio for text, 3:1 for large text/UI components
- Remove the
disableRules exclusion once all violations are fixed
Context
Found during quality guardrails setup (#273). These are pre-existing issues, not regressions.
The new axe-core accessibility test found 74 elements with insufficient color contrast (WCAG AA standard).
Currently excluded from the test via
disableRules(['color-contrast'])ine2e/tests/accessibility.spec.ts.What to do
npx playwright test tests/accessibility.spec.tswithcolor-contrastre-enabledtheme.cssto meet 4.5:1 contrast ratio for text, 3:1 for large text/UI componentsdisableRulesexclusion once all violations are fixedContext
Found during quality guardrails setup (#273). These are pre-existing issues, not regressions.