marcel/mealprep
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(auth): use --green-dark on submit button for WCAG AA contrast

Browse Source 
--green (#3D8C4A) gives 4.16:1 against white — fails AA.
--green-dark (#2E6E39) passes comfortably.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel Raddatz
2026-04-02 14:56:49 +02:00
parent bfa8f20fe3
commit b71c98662b
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/lib/auth/SignupForm.svelte
View File

@@ -139,7 +139,7 @@
<!-- Submit button --> <!-- Submit button -->
<button <button
type="submit" type="submit"
class="w-full cursor-pointer rounded-[var(--radius-md)] bg-[var(--green)] px-[24px] py-[12px] text-[var(--btn-font-size)] font-[var(--btn-font-weight)] tracking-[var(--btn-letter-spacing)] text-white" class="w-full cursor-pointer rounded-[var(--radius-md)] bg-[var(--green-dark)] px-[24px] py-[12px] text-[var(--btn-font-size)] font-[var(--btn-font-weight)] tracking-[var(--btn-letter-spacing)] text-white"
> >
Konto erstellen &rarr; Konto erstellen &rarr;
</button> </button>

6
frontend/src/lib/auth/SignupForm.test.ts
View File

@@ -116,6 +116,12 @@ describe('SignupForm', () => {
expect(screen.queryByText('Mindestens 8 Zeichen')).not.toBeInTheDocument(); 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', () => { it('renders placeholders on inputs', () => {
render(SignupForm); render(SignupForm);
expect(screen.getByPlaceholderText('z.B. Sarah')).toBeInTheDocument(); expect(screen.getByPlaceholderText('z.B. Sarah')).toBeInTheDocument();