fix: copy, export, merge and artifact buttons in chats get names for screen readers (#32611)

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

View file

@ -204,6 +204,7 @@
<Tooltip content={$i18n.t('Download')}>
<button
aria-label={$i18n.t('Download')}
class=" bg-none border-none text-xs bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-md p-0.5"
on:click={downloadArtifact}
>
@ -214,6 +215,7 @@
{#if contents[selectedContentIdx].type === 'iframe'}
<Tooltip content={$i18n.t('Open in full screen')}>
<button
aria-label={$i18n.t('Open in full screen')}
class=" bg-none border-none text-xs bg-gray-50 hover:bg-gray-100 dark:bg-gray-850 dark:hover:bg-gray-800 transition rounded-md p-0.5"
on:click={showFullScreen}
>
@ -225,6 +227,7 @@
</div>
<button
aria-label={$i18n.t('Close')}
class="self-center pointer-events-auto p-1 rounded-full bg-white dark:bg-gray-850"
on:click={() => {
dispatch('close');

View file

@ -50,6 +50,7 @@
<div class="hover-reveal flex gap-0.5 shrink-0">
<Tooltip content={copied ? $i18n.t('Copied') : $i18n.t('Copy')}>
<button
aria-label={copied ? $i18n.t('Copied') : $i18n.t('Copy')}
class="p-1 rounded-lg bg-transparent hover:bg-black/5 dark:hover:bg-white/5 transition"
on:click={(e) => {
e.stopPropagation();

View file

@ -295,6 +295,7 @@
<div class=" absolute top-1 right-1.5 z-20 hover-reveal flex gap-0.5">
<Tooltip content={$i18n.t('Copy')}>
<button
aria-label={$i18n.t('Copy')}
class="p-1 rounded-lg bg-transparent transition"
on:click={(e) => {
e.stopPropagation();
@ -307,6 +308,7 @@
<Tooltip content={$i18n.t('Export to CSV')}>
<button
aria-label={$i18n.t('Export to CSV')}
class="p-1 rounded-lg bg-transparent transition"
on:click={(e) => {
e.stopPropagation();

View file

@ -441,6 +441,7 @@
<div class=" shrink-0 text-gray-600 dark:text-gray-500 mt-1">
<Tooltip content={$i18n.t('Merge Responses')} placement="bottom">
<button
aria-label={$i18n.t('Merge Responses')}
type="button"
id="merge-response-button"
class="{true