From d78685c5a43cdb38593bdae79a701bcef800102d Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Thu, 16 Apr 2026 12:25:36 +0200
Subject: [PATCH] fix(#240): accessibility, color consistency, and reviewedPct
 denominator
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- TranscriptionColumn progress bar: add aria-hidden="true" (the block count
  text above already communicates the value to screen readers)
- TranscriptionColumn weekly pulse: text-ink → text-ink-2 (matches
  SegmentationColumn, same semantic element)
- ReadyColumn reviewedPct: align denominator to annotationCount so the
  displayed percentage matches the SQL threshold used to classify "ready"
- page.svelte.spec.ts: add missing segmentationDocs/transcriptionDocs/
  readyDocs/weeklyStats to emptyData fixture

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/ReadyColumn.svelte         | 4 ++--
 frontend/src/lib/components/TranscriptionColumn.svelte | 4 ++--
 frontend/src/routes/page.svelte.spec.ts                | 4 ++++
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/ReadyColumn.svelte b/frontend/src/lib/components/ReadyColumn.svelte
index 4ab49256..a1af2c4d 100644
--- a/frontend/src/lib/components/ReadyColumn.svelte
+++ b/frontend/src/lib/components/ReadyColumn.svelte
@@ -27,8 +27,8 @@ function formatDate(dateStr: string): string {
 }
 
 function reviewedPct(doc: TranscriptionQueueItemDTO): number {
-	if (doc.textedBlockCount === 0) return 0;
-	return Math.round((doc.reviewedBlockCount / doc.textedBlockCount) * 100);
+	if (doc.annotationCount === 0) return 0;
+	return Math.round((doc.reviewedBlockCount / doc.annotationCount) * 100);
 }
 </script>
 
diff --git a/frontend/src/lib/components/TranscriptionColumn.svelte b/frontend/src/lib/components/TranscriptionColumn.svelte
index f0d38de7..4aec87e0 100644
--- a/frontend/src/lib/components/TranscriptionColumn.svelte
+++ b/frontend/src/lib/components/TranscriptionColumn.svelte
@@ -44,7 +44,7 @@ function blockProgress(doc: TranscriptionQueueItemDTO): number {
 				{m.mission_control_trans_skill_pill()}
 			</span>
 			{#if weeklyCount > 0}
-				<p class="mt-1 text-xs font-semibold text-ink">
+				<p class="mt-1 text-xs font-semibold text-ink-2">
 					{m.mission_control_weekly_pulse({ count: weeklyCount })}
 				</p>
 			{/if}
@@ -68,7 +68,7 @@ function blockProgress(doc: TranscriptionQueueItemDTO): number {
 									total: doc.annotationCount
 								})}
 								</span>
-								<div class="h-1 flex-1 overflow-hidden rounded-full bg-ink/20">
+								<div class="h-1 flex-1 overflow-hidden rounded-full bg-ink/20" aria-hidden="true">
 									<div
 										class="h-full rounded-full bg-ink transition-all"
 										style="width: {blockProgress(doc).toFixed(0)}%"
diff --git a/frontend/src/routes/page.svelte.spec.ts b/frontend/src/routes/page.svelte.spec.ts
index 9b577a12..a31a7e4b 100644
--- a/frontend/src/routes/page.svelte.spec.ts
+++ b/frontend/src/routes/page.svelte.spec.ts
@@ -44,6 +44,10 @@ const emptyData = {
 	stats: null,
 	incompleteCount: 0,
 	initialValues: { senderName: '', receiverName: '' },
+	segmentationDocs: [],
+	transcriptionDocs: [],
+	readyDocs: [],
+	weeklyStats: null,
 	error: null
 };