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:
@@ -40,7 +40,7 @@ let {
|
|||||||
>
|
>
|
||||||
{@render icon()}
|
{@render icon()}
|
||||||
{#if count !== undefined}
|
{#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
|
>{count}</span
|
||||||
>
|
>
|
||||||
{/if}
|
{/if}
|
||||||
@@ -62,7 +62,7 @@ let {
|
|||||||
>
|
>
|
||||||
{/if}
|
{/if}
|
||||||
<span
|
<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
|
>{label}</span
|
||||||
>
|
>
|
||||||
</a>
|
</a>
|
||||||
@@ -83,7 +83,7 @@ let {
|
|||||||
>
|
>
|
||||||
{/if}
|
{/if}
|
||||||
<span
|
<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
|
>{label}</span
|
||||||
>
|
>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user