From 4184d0775b33505f26701dabec76106d95af8a18 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Mon, 8 Jun 2026 23:23:46 +0200
Subject: [PATCH] fix(journeyinterlude): use i18n aria-label instead of
 hardcoded German

Replaces aria-label="Kuratorennotiz" with m.journey_interlude_aria_label()
so screen readers get the correct label in all three supported locales.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/geschichte/JourneyInterlude.svelte         | 4 +++-
 frontend/src/lib/geschichte/JourneyInterlude.svelte.spec.ts | 5 +++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/geschichte/JourneyInterlude.svelte b/frontend/src/lib/geschichte/JourneyInterlude.svelte
index 1bd8822c..1a517fd5 100644
--- a/frontend/src/lib/geschichte/JourneyInterlude.svelte
+++ b/frontend/src/lib/geschichte/JourneyInterlude.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+import { m } from '$lib/paraglide/messages.js';
+
 interface Props {
 	note: string;
 }
@@ -7,7 +9,7 @@ let { note }: Props = $props();
 </script>
 
 <div
-	aria-label="Kuratorennotiz"
+	aria-label={m.journey_interlude_aria_label()}
 	class="my-2 border-l-4 border-journey-border bg-journey-tint px-4 py-3"
 >
 	<p
diff --git a/frontend/src/lib/geschichte/JourneyInterlude.svelte.spec.ts b/frontend/src/lib/geschichte/JourneyInterlude.svelte.spec.ts
index 1210e545..e6e487bb 100644
--- a/frontend/src/lib/geschichte/JourneyInterlude.svelte.spec.ts
+++ b/frontend/src/lib/geschichte/JourneyInterlude.svelte.spec.ts
@@ -1,6 +1,7 @@
 import { describe, it, expect, afterEach } from 'vitest';
 import { cleanup, render } from 'vitest-browser-svelte';
 import { page } from 'vitest/browser';
+import { m } from '$lib/paraglide/messages.js';
 
 const { default: JourneyInterlude } = await import('./JourneyInterlude.svelte');
 
@@ -19,10 +20,10 @@ describe('JourneyInterlude', () => {
 		await expect.element(page.getByText('Eine kurze Pause auf der Reise.')).toBeVisible();
 	});
 
-	it('has aria-label Kuratorennotiz', async () => {
+	it('has aria-label from i18n (journey_interlude_aria_label)', async () => {
 		render(JourneyInterlude, { props: { note: 'Notiz' } });
 
-		const el = document.querySelector('[aria-label="Kuratorennotiz"]');
+		const el = document.querySelector(`[aria-label="${m.journey_interlude_aria_label()}"]`);
 		expect(el).not.toBeNull();
 	});