marcel/familienarchiv
1
0
Fork 0
Code Issues 119 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix(a11y): fix WCAG AA contrast on reader dashboard "view all" links

Browse Source 
brand-mint on white is ~2.8:1; brand-navy is ~10:1. Both "Alle Personen"
(ReaderPersonChips) and "Alle Geschichten" (ReaderRecentStories) links
updated: text-brand-navy underline hover:text-brand-mint.

Addresses @Leonie critical review finding.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-05-07 22:23:28 +02:00
committed by marcel
parent c8b1a890be
commit 518334bc38
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/lib/shared/dashboard/ReaderPersonChips.svelte
View File

@@ -50,7 +50,9 @@ const { persons }: Props = $props();
</a>
{/each}
</div>
<a href="/persons" class="self-end font-sans text-sm text-brand-mint hover:underline"
<a
href="/persons"
class="self-end font-sans text-sm text-brand-navy underline hover:text-brand-mint"
>{m.dashboard_reader_all_persons()}</a
>
</div>

5
frontend/src/lib/shared/dashboard/ReaderRecentStories.svelte
View File

@@ -46,7 +46,10 @@ function excerpt(body: string | undefined): string {
</li>
{/each}
</ul>
<a href="/geschichten" class="mt-4 block font-sans text-sm text-brand-mint hover:underline">
<a
href="/geschichten"
class="mt-4 block font-sans text-sm text-brand-navy underline hover:text-brand-mint"
>
{m.dashboard_reader_all_stories()}
</a>
</div>