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

fix(annotations): replace outline:none with focus-visible ring for keyboard accessibility [M7]
Some checks failed
CI / Unit & Component Tests (pull_request) Failing after 1s
Details
CI / Backend Unit Tests (pull_request) Failing after 1s
Details
CI / Unit & Component Tests (push) Failing after 2s
Details
CI / Backend Unit Tests (push) Failing after 1s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit was merged in pull request #235.
This commit is contained in:
Marcel
2026-04-14 14:42:01 +02:00
parent 76828a95e3
commit 28ac90b529
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/lib/components/AnnotationEditOverlay.svelte
View File

@@ -265,7 +265,7 @@ let hasLiveChanges = $derived(
role="application"
tabindex="0"
aria-label={m.annotation_resize_area()}
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; touch-action: none; overflow: visible; outline: none;"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; touch-action: none; overflow: visible;"
onpointermove={handlePointerMove}
onpointerup={handlePointerUp}
onkeydown={handleKeyDown}
@@ -330,6 +330,11 @@ let hasLiveChanges = $derived(
</svg>
<style>
svg[role='application']:focus-visible {
outline: 2px solid #002850;
outline-offset: 2px;
}
.sr-only {
position: absolute;
width: 1px;