From 5e0f723434dc5571b0d03a1caedac58440cd2ac6 Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Wed, 21 Oct 2026 18:25:38 -0400
Subject: [PATCH] fix(a11y): the model name on a new chat is a heading for
 screen readers (#32880)

---
 src/lib/components/chat/ChatPlaceholder.svelte |  4 ++--
 src/lib/components/chat/Placeholder.svelte     | 11 ++++++++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/chat/ChatPlaceholder.svelte b/src/lib/components/chat/ChatPlaceholder.svelte
index 709dea46a0..89060001d3 100644
--- a/src/lib/components/chat/ChatPlaceholder.svelte
+++ b/src/lib/components/chat/ChatPlaceholder.svelte
@@ -114,13 +114,13 @@
 			class=" mt-2 mb-4 text-3xl text-gray-800 dark:text-gray-100 text-left flex items-center gap-4"
 		>
 			<div>
-				<div class=" capitalize line-clamp-1" in:fade={{ duration: 200 }}>
+				<h2 class=" capitalize line-clamp-1" in:fade={{ duration: 200 }}>
 					{#if selectedModelName}
 						{selectedModelName}
 					{:else}
 						{$i18n.t('Hello, {{name}}', { name: $user?.name })}
 					{/if}
-				</div>
+				</h2>
 
 				<div in:fade={{ duration: 200, delay: 200 }}>
 					{#if selectedModelDescription}
diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte
index 1104e2e2ba..d03be9cf26 100644
--- a/src/lib/components/chat/Placeholder.svelte
+++ b/src/lib/components/chat/Placeholder.svelte
@@ -183,12 +183,17 @@
 						</div>
 					</div>
 
-					<div
+					<h2
 						class=" text-2xl @sm:text-2xl line-clamp-1 flex items-center"
 						in:fade={{ duration: 100 }}
 					>
 						{#if selectedModelName}
-							<Tooltip content={selectedModelName} placement="top" className=" flex items-center ">
+							<Tooltip
+								as="span"
+								content={selectedModelName}
+								placement="top"
+								className=" flex items-center "
+							>
 								<span class="line-clamp-1">
 									{selectedModelName}
 								</span>
@@ -196,7 +201,7 @@
 						{:else}
 							{$i18n.t('Hello, {{name}}', { name: $user?.name })}
 						{/if}
-					</div>
+					</h2>
 				</div>
 
 				<div class="flex mt-1 mb-2">