From 2004a8005537ef35228dd26b5c80a6950390ddde Mon Sep 17 00:00:00 2001 From: Marcel Date: Tue, 31 Mar 2026 14:07:55 +0200 Subject: [PATCH] =?UTF-8?q?fix(a11y):=20UserMenu=20avatar=20bg-white/text-?= =?UTF-8?q?brand-navy=20=E2=80=94=20WCAG=20AA=20contrast?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit bg-brand-mint (#A6DAD8) on text-brand-navy (#012851) = 3.5:1, fails AA for text-xs (12px). bg-white (#fff) on text-brand-navy = 14:1 AAA. White also reads as a distinct shape against the navy header background. Co-Authored-By: Claude Sonnet 4.6 --- frontend/src/routes/UserMenu.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/routes/UserMenu.svelte b/frontend/src/routes/UserMenu.svelte index 5da50c54..5f3dc746 100644 --- a/frontend/src/routes/UserMenu.svelte +++ b/frontend/src/routes/UserMenu.svelte @@ -33,7 +33,7 @@ function clickOutside(node: HTMLElement) { aria-expanded={userMenuOpen} aria-haspopup="true" onclick={() => (userMenuOpen = !userMenuOpen)} - class="flex h-8 w-8 items-center justify-center rounded-full bg-brand-mint font-sans text-xs font-bold text-brand-navy transition-opacity hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent" + class="flex h-8 w-8 items-center justify-center rounded-full bg-white font-sans text-xs font-bold text-brand-navy transition-opacity hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent" > {userInitials} -- 2.49.1