From b71c98662b3a9e92ca1d5c8d31aabeac73ad1e97 Mon Sep 17 00:00:00 2001 From: Marcel Raddatz Date: Thu, 2 Apr 2026 14:56:49 +0200 Subject: [PATCH] fix(auth): use --green-dark on submit button for WCAG AA contrast MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --green (#3D8C4A) gives 4.16:1 against white — fails AA. --green-dark (#2E6E39) passes comfortably. Co-Authored-By: Claude Opus 4.6 --- frontend/src/lib/auth/SignupForm.svelte | 2 +- frontend/src/lib/auth/SignupForm.test.ts | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/src/lib/auth/SignupForm.svelte b/frontend/src/lib/auth/SignupForm.svelte index 5637dd9..00c440b 100644 --- a/frontend/src/lib/auth/SignupForm.svelte +++ b/frontend/src/lib/auth/SignupForm.svelte @@ -139,7 +139,7 @@ diff --git a/frontend/src/lib/auth/SignupForm.test.ts b/frontend/src/lib/auth/SignupForm.test.ts index e7fdddb..fc92dcf 100644 --- a/frontend/src/lib/auth/SignupForm.test.ts +++ b/frontend/src/lib/auth/SignupForm.test.ts @@ -116,6 +116,12 @@ describe('SignupForm', () => { expect(screen.queryByText('Mindestens 8 Zeichen')).not.toBeInTheDocument(); }); + it('submit button uses --green-dark for WCAG AA contrast', () => { + render(SignupForm); + const button = screen.getByRole('button', { name: /konto erstellen/i }); + expect(button.className).toContain('bg-[var(--green-dark)]'); + }); + it('renders placeholders on inputs', () => { render(SignupForm); expect(screen.getByPlaceholderText('z.B. Sarah')).toBeInTheDocument();