Skip to content

Accessibility bug fix 2737382#3528

Merged
navya9singh merged 1 commit intov2from
navyasingh/bug2737382
Mar 25, 2026
Merged

Accessibility bug fix 2737382#3528
navya9singh merged 1 commit intov2from
navyasingh/bug2737382

Conversation

@navya9singh
Copy link
Copy Markdown
Member

@navya9singh navya9singh commented Mar 17, 2026

Fix: Color contrast ratio for hamburger menu button

The hamburger menu button (#small-device-button-sidebar) had a white SVG icon (#fff) on a #c4c4c4 background, giving a contrast ratio of only 1.74:1. WCAG 1.4.11 requires a minimum 3:1 ratio for non-text graphical objects.

Changes

  • Changed the button background-color from #c4c4c4 to #808080 in Sidebar.scss`n- New contrast ratio: 3.95:1 (passes 3:1 requirement)

Verification

  • Tested with axe-core: 0 color contrast violations
  • Active state (#575757 background) still passes at 7.23:1

Fixes Bug 2737382

Verified the fix manually

Changed the sidebar toggle button background from #c4c4c4 to #808080
to meet WCAG 1.4.11 minimum contrast ratio of 3:1 for graphical objects.

Before: #c4c4c4 background with #fff icon = 1.74:1 contrast (FAILS)
After:  #808080 background with #fff icon = 3.95:1 contrast (PASSES)

Fixes ADO Bug 2737382

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@navya9singh navya9singh added the deploy-preview Enables automatic deployments to preview environments on a PR label Mar 18, 2026
@github-actions
Copy link
Copy Markdown
Contributor

Azure Static Web Apps: Your stage site is ready! Visit it here: https://victorious-plant-05c166c10-3528.centralus.5.azurestaticapps.net

@navya9singh navya9singh marked this pull request as ready for review March 18, 2026 01:22
@navya9singh navya9singh removed the deploy-preview Enables automatic deployments to preview environments on a PR label Mar 18, 2026
@navya9singh navya9singh merged commit a42ede9 into v2 Mar 25, 2026
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants