From 82f556295d2ad91e0c3f7105a64672fbe88ffff6 Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Tue, 20 Oct 2026 13:28:33 -0400
Subject: [PATCH] fix: copy, export, merge and artifact buttons in chats get
 names for screen readers (#32611)

---
 src/lib/components/chat/Artifacts.svelte                       | 3 +++
 .../components/chat/Messages/Markdown/ColonFenceBlock.svelte   | 1 +
 .../components/chat/Messages/Markdown/MarkdownTokens.svelte    | 2 ++
 src/lib/components/chat/Messages/MultiResponseMessages.svelte  | 1 +
 4 files changed, 7 insertions(+)

diff --git a/src/lib/components/chat/Artifacts.svelte b/src/lib/components/chat/Artifacts.svelte
index 1b08a257b0..6f60b48bd9 100644
--- a/src/lib/components/chat/Artifacts.svelte
+++ b/src/lib/components/chat/Artifacts.svelte
@@ -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');
diff --git a/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte b/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte
index d1d89d8e37..ef3b7ea2e5 100644
--- a/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte
+++ b/src/lib/components/chat/Messages/Markdown/ColonFenceBlock.svelte
@@ -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();
diff --git a/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte b/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
index ab46d0d983..79900ef84f 100644
--- a/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
+++ b/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
@@ -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();
diff --git a/src/lib/components/chat/Messages/MultiResponseMessages.svelte b/src/lib/components/chat/Messages/MultiResponseMessages.svelte
index 0c46a3d4bb..5ca93ffd3c 100644
--- a/src/lib/components/chat/Messages/MultiResponseMessages.svelte
+++ b/src/lib/components/chat/Messages/MultiResponseMessages.svelte
@@ -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