From 26256ef492fe70dc018293a404db70fb1fd28e6d Mon Sep 17 00:00:00 2001
From: Marcel Raddatz <marcel@raddatz.cloud>
Date: Fri, 10 Apr 2026 22:26:43 +0200
Subject: [PATCH] fix(join): add accessible name to permissions list in
 HouseholdIdentityPanel

The <ul> had no programmatic association to its visible label.
Screen readers could not announce what the list represents.
Add aria-label="Als Mitglied kannst du" directly on the <ul>.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../(public)/join/[token]/HouseholdIdentityPanel.svelte    | 2 +-
 .../(public)/join/[token]/HouseholdIdentityPanel.test.ts   | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.svelte b/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.svelte
index 24de994..7ab2cb5 100644
--- a/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.svelte
+++ b/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.svelte
@@ -23,7 +23,7 @@
 		<p class="mb-2 font-[var(--font-sans)] text-[11px] font-medium uppercase tracking-wide text-[var(--green-light)]">
 			Als Mitglied kannst du
 		</p>
-		<ul class="flex flex-col gap-1.5">
+		<ul aria-label="Als Mitglied kannst du" class="flex flex-col gap-1.5">
 			<li class="flex items-center gap-2 font-[var(--font-sans)] text-[13px] text-white">
 				<span class="font-semibold text-[var(--green-light)]" aria-hidden="true">✓</span>
 				Wochenplan einsehen
diff --git a/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.test.ts b/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.test.ts
index f114729..bd6c1b9 100644
--- a/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.test.ts
+++ b/frontend/src/routes/(public)/join/[token]/HouseholdIdentityPanel.test.ts
@@ -31,4 +31,11 @@ describe('HouseholdIdentityPanel', () => {
 		});
 		expect(screen.getByText('🥗')).toBeInTheDocument();
 	});
+
+	it('permissions list has accessible name', () => {
+		render(HouseholdIdentityPanel, {
+			props: { householdName: 'Smith family', inviterName: 'Sarah' }
+		});
+		expect(screen.getByRole('list', { name: /als mitglied kannst du/i })).toBeInTheDocument();
+	});
 });