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

fix(bulk-upload): enlarge scroll button touch targets to 44×44px

Browse Source 
Prev/next scroll buttons were 24×20px, below the WCAG 2.2 SC 2.5.5
minimum of 44×44px. Changed to h-[44px] w-[44px].

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-24 21:26:49 +02:00
parent e742c36ef6
commit eb106c9ca7
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/lib/components/document/FileSwitcherStrip.svelte
View File

@@ -69,7 +69,7 @@ $effect(() => {
type="button" type="button"
aria-label={m.bulk_switcher_prev()} aria-label={m.bulk_switcher_prev()}
onclick={scrollPrev} onclick={scrollPrev}
class="flex h-6 w-5 shrink-0 items-center justify-center rounded-sm text-sm text-ink-3 hover:bg-black/10 hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-accent" class="flex h-[44px] w-[44px] shrink-0 items-center justify-center rounded-sm text-sm text-ink-3 hover:bg-black/10 hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-accent"
>‹</button >‹</button
> >
@@ -121,7 +121,7 @@ $effect(() => {
type="button" type="button"
aria-label={m.bulk_switcher_next()} aria-label={m.bulk_switcher_next()}
onclick={scrollNext} onclick={scrollNext}
class="flex h-6 w-5 shrink-0 items-center justify-center rounded-sm text-sm text-ink-3 hover:bg-black/10 hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-accent" class="flex h-[44px] w-[44px] shrink-0 items-center justify-center rounded-sm text-sm text-ink-3 hover:bg-black/10 hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-accent"
>›</button >›</button
> >
</div> </div>