From ca141c1e6db647fc8bb2ae15bc8441e500cd27fa Mon Sep 17 00:00:00 2001 From: Navya Singh Date: Tue, 17 Mar 2026 15:10:06 -0700 Subject: [PATCH] fix: improve hamburger menu button color contrast for accessibility 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> --- packages/typescriptlang-org/src/components/layout/Sidebar.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/typescriptlang-org/src/components/layout/Sidebar.scss b/packages/typescriptlang-org/src/components/layout/Sidebar.scss index 0f1eaa478be9..b62633dd64d2 100644 --- a/packages/typescriptlang-org/src/components/layout/Sidebar.scss +++ b/packages/typescriptlang-org/src/components/layout/Sidebar.scss @@ -183,7 +183,7 @@ nav#sidebar { bottom: 120px; padding: 10px; margin-bottom: env(safe-area-inset-bottom); - background-color: #c4c4c4; + background-color: #808080; border-radius: 6px; z-index: $z-index-for-handbook-nav-button;