marcel/familienarchiv
1
0
Fork 0
Code Issues 118 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
parent cfafa45d4b
commit 79e71cb1a4
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> </a>
{/each} {/each}
</div> </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 >{m.dashboard_reader_all_persons()}</a
> >
</div> </div>

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

@@ -46,7 +46,10 @@ function excerpt(body: string | undefined): string {
</li> </li>
{/each} {/each}
</ul> </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()} {m.dashboard_reader_all_stories()}
</a> </a>
</div> </div>