From 28ac90b529546efd8de60e5def9514886bdbf58a Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Tue, 14 Apr 2026 14:42:01 +0200
Subject: [PATCH] fix(annotations): replace outline:none with focus-visible
 ring for keyboard accessibility [M7]

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/AnnotationEditOverlay.svelte | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/AnnotationEditOverlay.svelte b/frontend/src/lib/components/AnnotationEditOverlay.svelte
index 367a9e7a..d4da250e 100644
--- a/frontend/src/lib/components/AnnotationEditOverlay.svelte
+++ b/frontend/src/lib/components/AnnotationEditOverlay.svelte
@@ -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;