fix(a11y): increase nav label font size from 9px to 11px in EntityNavSection

text-[9px] is below WCAG practical minimum and unreadable for senior users.
Changed all three occurrences (tablet button count, desktop link label,
flyout link label) to text-[11px].

Fixes @leonievoss: "text-[9px] is below 12px minimum"

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-15 15:16:37 +02:00
parent 7fb6ec04ab
commit 45490ebaac

View File

@@ -40,7 +40,7 @@ let {
>
{@render icon()}
{#if count !== undefined}
<span class="text-[9px] font-bold {isActive ? 'text-white/80' : 'text-white/35'}"
<span class="text-[11px] font-bold {isActive ? 'text-white/80' : 'text-white/35'}"
>{count}</span
>
{/if}
@@ -62,7 +62,7 @@ let {
>
{/if}
<span
class="text-[9px] font-extrabold tracking-[0.5px] uppercase {isActive ? 'text-white' : 'text-white/55'}"
class="text-[11px] font-extrabold tracking-[0.5px] uppercase {isActive ? 'text-white' : 'text-white/55'}"
>{label}</span
>
</a>
@@ -83,7 +83,7 @@ let {
>
{/if}
<span
class="text-[9px] font-extrabold tracking-[0.5px] uppercase {isActive ? 'text-white' : 'text-white/55'}"
class="text-[11px] font-extrabold tracking-[0.5px] uppercase {isActive ? 'text-white' : 'text-white/55'}"
>{label}</span
>
</a>