Skip to content

bug: sidebar section label fails WCAG AA contrast #238

Description

@SHAURYAKSHARMA24

Summary

The uppercase “More” label in the expanded authenticated sidebar does not meet WCAG AA contrast requirements.

Expected Behavior

The small section label meets at least a 4.5:1 contrast ratio against the sidebar background in supported themes.

Actual Behavior

The computed foreground/background pair is approximately 4.23:1 at 10px normal weight. Low-vision users may miss the grouping label between primary and secondary navigation.

Reproduction Steps

  1. Sign in and keep the desktop sidebar expanded.
  2. Run axe-core with the WCAG 2.2 AA tag set.
  3. Inspect the uppercase More section label.
  4. Observe the color-contrast violation.

Severity

P2 - Medium

Evidence

  • axe-core 4.12.1 reports color-contrast with serious impact.
  • Measured contrast: approximately 4.23:1.
  • WCAG 2.2: 1.4.3 Contrast (Minimum), Level AA.

Environment

  • Browser/tooling: Chromium 151 with axe-core 4.12.1.
  • Application state: authenticated desktop shell with the expanded sidebar.
  • OS, Node/Python versions, Docker state, and original branch/commit were not recorded in the initial audit.

Acceptance Criteria

  • The section label meets at least 4.5:1 contrast in supported themes.
  • Sidebar structure and behavior are unchanged.
  • Computed browser contrast regression coverage is added.
  • Frontend test, lint, and production build pass.

Roadmap Alignment

Improves the accessibility and trust quality of the existing authenticated shell without widening the product surface.

Related to #118.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions