fix: valves, show files and terminal buttons in the chat input menus get names for screen readers (#32613)

This commit is contained in:
G30 2026-10-20 13:28:41 -04:00 • committed by GitHub
parent 82f556295d
commit 89e04684d8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 16 additions and 2 deletions

View file

@ -243,6 +243,7 @@
<Tooltip content={$i18n.t('Show Files')} placement="top">
<button
aria-label={$i18n.t('Show Files')}
type="button"
class=" ml-2 opacity-50 hover:opacity-100 transition"
on:click={() => {

View file

@ -417,6 +417,7 @@
<div class=" shrink-0">
<Tooltip content={$i18n.t('Valves')}>
<button
aria-label={$i18n.t('Valves')}
class="self-center w-fit text-sm text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition rounded-full"
type="button"
on:click={(e) => {
@ -598,6 +599,7 @@
<div class="shrink-0">
<Tooltip content={$i18n.t('Disconnect OAuth')}>
<button
aria-label={$i18n.t('Disconnect OAuth')}
class="self-center w-fit text-sm text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition rounded-full"
type="button"
on:click={async (e) => {
@ -631,6 +633,7 @@
<div class=" shrink-0">
<Tooltip content={$i18n.t('Valves')}>
<button
aria-label={$i18n.t('Valves')}
class="self-center w-fit text-sm text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition rounded-full"
type="button"
on:click={(e) => {

View file

@ -132,7 +132,13 @@
<div class="flex items-center translate-x-0.5">
{#if disabled}
<Tooltip content={$i18n.t('Terminal')} placement="top">
<button type="button" disabled aria-disabled="true" class={triggerClass}>
<button
type="button"
disabled
aria-disabled="true"
aria-label={$selectedTerminalId && selectedLabel ? undefined : $i18n.t('Terminal')}
class={triggerClass}
>
<Cloud className="size-3.5" strokeWidth="2" />
{#if $selectedTerminalId && selectedLabel}
@ -145,7 +151,11 @@
{:else}
<Dropdown bind:show align="start">
<Tooltip content={$i18n.t('Terminal')} placement="top">
<button type="button" class={triggerClass}>
<button
type="button"
aria-label={$selectedTerminalId && selectedLabel ? undefined : $i18n.t('Terminal')}
class={triggerClass}
>
<Cloud className="size-3.5" strokeWidth="2" />
{#if $selectedTerminalId && selectedLabel}