From 494619062a41a5ef0194448e2a2eace6935dd70e Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Wed, 21 Oct 2026 18:41:32 -0400
Subject: [PATCH] fix(a11y): the Suggested label on a new chat is a heading
 that names the suggestion list (#32891)

---
 src/lib/components/chat/Suggestions.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/Suggestions.svelte b/src/lib/components/chat/Suggestions.svelte
index f61695b2dc..1d58d5b337 100644
--- a/src/lib/components/chat/Suggestions.svelte
+++ b/src/lib/components/chat/Suggestions.svelte
@@ -65,7 +65,7 @@
 <div class="mb-1 flex gap-1 text-xs font-normal items-center text-gray-600 dark:text-gray-400">
 	{#if filteredPrompts.length > 0}
 		<Bolt />
-		{$i18n.t('Suggested')}
+		<h3 id="suggestions-heading">{$i18n.t('Suggested')}</h3>
 	{:else}
 		<!-- Keine Vorschläge -->
 
@@ -84,7 +84,11 @@
 
 <div class="h-36 w-full">
 	{#if filteredPrompts.length > 0}
-		<div role="list" class="max-h-36 overflow-auto scrollbar-none items-start {className}">
+		<div
+			role="list"
+			aria-labelledby="suggestions-heading"
+			class="max-h-36 overflow-auto scrollbar-none items-start {className}"
+		>
 			{#each filteredPrompts as prompt, idx (prompt.id || `${prompt.content}-${idx}`)}
 				<!-- svelte-ignore a11y-no-interactive-element-to-noninteractive-role -->
 				<button