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

fix(stammbaum): add focus-visible ring to zoom buttons — WCAG 2.4.7

Browse Source 
Addresses @leonie blocker: zoom buttons in /stammbaum had no visible focus
indicator for keyboard users. Applied focus-visible:ring-2 focus-visible:ring-focus-ring
focus-visible:outline-none matching the pattern used on nav links.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-28 11:37:24 +02:00
committed by marcel
parent e94e9a3573
commit b6253cb023
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/routes/stammbaum/+page.svelte
View File

@@ -49,7 +49,7 @@ function zoomOut() {
type="button" type="button"
onclick={zoomOut} onclick={zoomOut}
aria-label={m.stammbaum_zoom_out()} aria-label={m.stammbaum_zoom_out()}
class="inline-flex h-11 w-11 items-center justify-center rounded-sm border border-line bg-surface text-ink-2 transition hover:bg-muted" class="inline-flex h-11 w-11 items-center justify-center rounded-sm border border-line bg-surface text-ink-2 transition hover:bg-muted focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:outline-none"
> >
− −
</button> </button>
@@ -57,7 +57,7 @@ function zoomOut() {
type="button" type="button"
onclick={zoomIn} onclick={zoomIn}
aria-label={m.stammbaum_zoom_in()} aria-label={m.stammbaum_zoom_in()}
class="inline-flex h-11 w-11 items-center justify-center rounded-sm border border-line bg-surface text-ink-2 transition hover:bg-muted" class="inline-flex h-11 w-11 items-center justify-center rounded-sm border border-line bg-surface text-ink-2 transition hover:bg-muted focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:outline-none"
> >
+ +
</button> </button>