diff --git a/frontend/src/lib/document/transcription/TranscriptionBlock.svelte b/frontend/src/lib/document/transcription/TranscriptionBlock.svelte
index d6e2dd87..8ae156af 100644
--- a/frontend/src/lib/document/transcription/TranscriptionBlock.svelte
+++ b/frontend/src/lib/document/transcription/TranscriptionBlock.svelte
@@ -231,7 +231,7 @@ async function handleDelete() {
 				<!-- Review toggle -->
 				<button
 					type="button"
-					class="cursor-pointer transition-colors {reviewed ? 'text-turquoise hover:text-turquoise/70' : 'text-ink-3 hover:text-turquoise'}"
+					class="-my-2 inline-flex min-h-[44px] min-w-[44px] cursor-pointer items-center justify-center transition-colors {reviewed ? 'text-turquoise hover:text-turquoise/70' : 'text-ink-3 hover:text-turquoise'}"
 					aria-label={reviewed ? m.transcription_block_unreview() : m.transcription_block_review()}
 					title={reviewed ? m.transcription_block_unreview() : m.transcription_block_review()}
 					onclick={onReviewToggle}
@@ -254,7 +254,7 @@ async function handleDelete() {
 				<!-- Delete button -->
 				<button
 					type="button"
-					class="hover:text-error cursor-pointer text-ink-3 transition-colors"
+					class="hover:text-error -my-2 -mr-2 inline-flex min-h-[44px] min-w-[44px] cursor-pointer items-center justify-center text-ink-3 transition-colors"
 					aria-label={m.btn_delete()}
 					onclick={handleDelete}
 				>
diff --git a/frontend/src/lib/document/transcription/TranscriptionBlock.svelte.spec.ts b/frontend/src/lib/document/transcription/TranscriptionBlock.svelte.spec.ts
index a635238d..4b7138e6 100644
--- a/frontend/src/lib/document/transcription/TranscriptionBlock.svelte.spec.ts
+++ b/frontend/src/lib/document/transcription/TranscriptionBlock.svelte.spec.ts
@@ -170,6 +170,31 @@ describe('TranscriptionBlock — reorder controls', () => {
 	});
 });
 
+// ─── Touch targets (WCAG 2.2 §2.5.8) ──────────────────────────────────────────
+
+// After #722 removed the on-canvas delete button, the panel footer's icon-only
+// actions are the only touch-reachable controls for those operations. They must
+// meet the 44×44px minimum target size in both dimensions.
+describe('TranscriptionBlock — footer action touch targets', () => {
+	it('delete button has a >=44px hit area in both dimensions', async () => {
+		renderBlock();
+		const btn = (await page.getByRole('button', { name: 'Löschen' }).element()) as HTMLElement;
+		const rect = btn.getBoundingClientRect();
+		expect(rect.width).toBeGreaterThanOrEqual(44);
+		expect(rect.height).toBeGreaterThanOrEqual(44);
+	});
+
+	it('review toggle button has a >=44px hit area in both dimensions', async () => {
+		renderBlock({ reviewed: false });
+		const btn = (await page
+			.getByRole('button', { name: 'Als geprüft markieren' })
+			.element()) as HTMLElement;
+		const rect = btn.getBoundingClientRect();
+		expect(rect.width).toBeGreaterThanOrEqual(44);
+		expect(rect.height).toBeGreaterThanOrEqual(44);
+	});
+});
+
 // ─── Delete confirmation ──────────────────────────────────────────────────────
 
 function renderBlockWithService(overrides: Record<string, unknown> = {}) {