fix(themen): add focus rings to child and 'weitere' links (WCAG 2.4.7)
Some checks failed
CI / OCR Service Tests (pull_request) Has been cancelled
CI / Backend Unit Tests (pull_request) Has been cancelled
CI / fail2ban Regex (pull_request) Has been cancelled
CI / Semgrep Security Scan (pull_request) Has been cancelled
CI / Compose Bucket Idempotency (pull_request) Has been cancelled
CI / Unit & Component Tests (pull_request) Has been cancelled
Some checks failed
CI / OCR Service Tests (pull_request) Has been cancelled
CI / Backend Unit Tests (pull_request) Has been cancelled
CI / fail2ban Regex (pull_request) Has been cancelled
CI / Semgrep Security Scan (pull_request) Has been cancelled
CI / Compose Bucket Idempotency (pull_request) Has been cancelled
CI / Unit & Component Tests (pull_request) Has been cancelled
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -59,7 +59,7 @@ const visibleTree = $derived.by(() => data.tree.filter(hasAnyDocuments));
|
|||||||
{#each shownChildren as child (child.id)}
|
{#each shownChildren as child (child.id)}
|
||||||
<a
|
<a
|
||||||
href="/?tag={encodeURIComponent(child.name)}"
|
href="/?tag={encodeURIComponent(child.name)}"
|
||||||
class="flex min-h-[44px] items-center justify-between px-4 py-2.5 hover:bg-canvas focus-visible:bg-canvas focus-visible:outline-none"
|
class="flex min-h-[44px] items-center justify-between px-4 py-2.5 hover:bg-canvas focus-visible:bg-canvas focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none focus-visible:ring-inset"
|
||||||
>
|
>
|
||||||
<span class="font-sans text-sm text-ink">{child.name}</span>
|
<span class="font-sans text-sm text-ink">{child.name}</span>
|
||||||
<span class="mr-1 ml-auto font-sans text-xs text-ink-3 tabular-nums">
|
<span class="mr-1 ml-auto font-sans text-xs text-ink-3 tabular-nums">
|
||||||
@@ -72,7 +72,7 @@ const visibleTree = $derived.by(() => data.tree.filter(hasAnyDocuments));
|
|||||||
{#if hiddenCount > 0}
|
{#if hiddenCount > 0}
|
||||||
<a
|
<a
|
||||||
href="/?tag={encodeURIComponent(tag.name)}"
|
href="/?tag={encodeURIComponent(tag.name)}"
|
||||||
class="block min-h-[44px] px-4 py-2.5 font-sans text-sm text-ink-3 hover:bg-canvas hover:text-ink"
|
class="block min-h-[44px] px-4 py-2.5 font-sans text-sm text-ink-3 hover:bg-canvas hover:text-ink focus-visible:ring-2 focus-visible:ring-brand-navy focus-visible:outline-none focus-visible:ring-inset"
|
||||||
>
|
>
|
||||||
{m.themen_weitere({ count: hiddenCount })} →
|
{m.themen_weitere({ count: hiddenCount })} →
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user