fix(a11y): the model name on a new chat is a heading for screen readers (#32880)

This commit is contained in:
G30 2026-10-21 18:25:38 -04:00 • committed by GitHub
parent da2780b240
commit 5e0f723434
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 10 additions and 5 deletions

View file

@ -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}

View file

@ -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">