From c4daef0c949b41519f1f03398a0e6ed6a3bcf043 Mon Sep 17 00:00:00 2001
From: G30 <50341825+silentoplayz@users.noreply.github.com>
Date: Sat, 31 Oct 2026 04:37:16 -0400
Subject: [PATCH] fix(a11y): icon buttons named only by a tooltip have names
 (#33454)

---
 .../components/AddTerminalServerModal.svelte  |  1 +
 .../admin/Settings/Evaluations/Model.svelte   |  1 +
 .../components/admin/Settings/Events.svelte   |  1 +
 .../admin/Settings/Integrations.svelte        |  1 +
 .../components/admin/Settings/Models.svelte   |  1 +
 .../Models/Manage/ManageProviderModels.svelte |  9 ++++++-
 .../channel/ChannelInfoModal/UserList.svelte  |  1 +
 .../Integrations/Terminals/Connection.svelte  |  1 +
 .../ManageFloatingActionButtonsModal.svelte   |  1 +
 .../chat/Settings/Tools/Connection.svelte     |  1 +
 .../components/common/FileItemModal.svelte    |  1 +
 .../RichTextInput/FormattingButtons.svelte    | 25 +++++++++++++++++++
 src/lib/components/common/SVGPanZoom.svelte   |  3 +++
 src/lib/components/layout/ChatsModal.svelte   |  6 +++++
 .../components/layout/Sidebar/ChatItem.svelte |  3 +++
 .../layout/Sidebar/PinnedModelItem.svelte     |  1 +
 .../components/layout/Sidebar/UserMenu.svelte | 15 +++++++++++
 .../layout/Sidebar/UserStatusModal.svelte     |  1 +
 src/lib/components/playground/Images.svelte   |  1 +
 .../KnowledgeBase/AddTextContentModal.svelte  |  1 +
 .../workspace/common/AccessControl.svelte     |  2 ++
 21 files changed, 76 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/AddTerminalServerModal.svelte b/src/lib/components/AddTerminalServerModal.svelte
index deef554834..f72796a14c 100644
--- a/src/lib/components/AddTerminalServerModal.svelte
+++ b/src/lib/components/AddTerminalServerModal.svelte
@@ -824,6 +824,7 @@
 												/>
 												<button
 													type="button"
+													aria-label={$i18n.t('Remove')}
 													class="text-xs text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition px-1"
 													on:click={() =>
 														(policyEnvPairs = policyEnvPairs.filter((_, i) => i !== idx))}
diff --git a/src/lib/components/admin/Settings/Evaluations/Model.svelte b/src/lib/components/admin/Settings/Evaluations/Model.svelte
index 8d3ad3722d..bd805e89a5 100644
--- a/src/lib/components/admin/Settings/Evaluations/Model.svelte
+++ b/src/lib/components/admin/Settings/Evaluations/Model.svelte
@@ -51,6 +51,7 @@
 
 		<div class="flex items-center">
 			<button
+				aria-label={$i18n.t('Configure')}
 				class="self-center w-fit text-sm p-1.5 dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-white/5 rounded-xl"
 				type="button"
 				on:click={() => {
diff --git a/src/lib/components/admin/Settings/Events.svelte b/src/lib/components/admin/Settings/Events.svelte
index 44519721a7..d42d59dcc5 100644
--- a/src/lib/components/admin/Settings/Events.svelte
+++ b/src/lib/components/admin/Settings/Events.svelte
@@ -743,6 +743,7 @@
 					<div class="flex gap-1 items-center">
 						<Tooltip content={$i18n.t('Configure')}>
 							<button
+								aria-label={$i18n.t('Configure')}
 								class="self-center p-1 bg-transparent hover:bg-gray-50/70 dark:hover:bg-gray-850/50 rounded-lg transition"
 								on:click={() => editWebhook(webhook)}
 								type="button"
diff --git a/src/lib/components/admin/Settings/Integrations.svelte b/src/lib/components/admin/Settings/Integrations.svelte
index 25bcd59d6e..898f59d9a2 100644
--- a/src/lib/components/admin/Settings/Integrations.svelte
+++ b/src/lib/components/admin/Settings/Integrations.svelte
@@ -291,6 +291,7 @@
 									<div class="flex gap-1 items-center">
 										<Tooltip content={$i18n.t('Configure')}>
 											<button
+												aria-label={$i18n.t('Configure')}
 												class="self-center p-1 bg-transparent hover:bg-black/5 dark:hover:bg-white/5 rounded-lg transition"
 												on:click={() => {
 													editTerminalIdx = idx;
diff --git a/src/lib/components/admin/Settings/Models.svelte b/src/lib/components/admin/Settings/Models.svelte
index deadce3f3e..94db5e4dc7 100644
--- a/src/lib/components/admin/Settings/Models.svelte
+++ b/src/lib/components/admin/Settings/Models.svelte
@@ -1131,6 +1131,7 @@
 									{#if shiftKey}
 										<Tooltip content={model?.meta?.hidden ? $i18n.t('Show') : $i18n.t('Hide')}>
 											<button
+												aria-label={model?.meta?.hidden ? $i18n.t('Show') : $i18n.t('Hide')}
 												class="self-center w-fit text-sm p-1.5 dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-white/5 rounded-xl"
 												type="button"
 												on:click={() => {
diff --git a/src/lib/components/admin/Settings/Models/Manage/ManageProviderModels.svelte b/src/lib/components/admin/Settings/Models/Manage/ManageProviderModels.svelte
index cc5dfc91c8..17292716a9 100644
--- a/src/lib/components/admin/Settings/Models/Manage/ManageProviderModels.svelte
+++ b/src/lib/components/admin/Settings/Models/Manage/ManageProviderModels.svelte
@@ -193,7 +193,13 @@
 	<div class="flex items-center justify-between">
 		<div class="text-sm font-normal">{providerLabel || provider}</div>
 		<Tooltip content={$i18n.t('Refresh')}>
-			<button class={iconButtonClass} type="button" on:click={refreshModels} disabled={loading}>
+			<button
+				aria-label={$i18n.t('Refresh')}
+				class={iconButtonClass}
+				type="button"
+				on:click={refreshModels}
+				disabled={loading}
+			>
 				<Refresh className="size-4" />
 			</button>
 		</Tooltip>
@@ -209,6 +215,7 @@
 		/>
 		<Tooltip content={$i18n.t('Download Model')}>
 			<button
+				aria-label={$i18n.t('Download Model')}
 				class={iconButtonClass}
 				type="submit"
 				disabled={actionModel !== '' || modelRef.trim() === ''}
diff --git a/src/lib/components/channel/ChannelInfoModal/UserList.svelte b/src/lib/components/channel/ChannelInfoModal/UserList.svelte
index 7175e26520..3ca941a3e1 100644
--- a/src/lib/components/channel/ChannelInfoModal/UserList.svelte
+++ b/src/lib/components/channel/ChannelInfoModal/UserList.svelte
@@ -309,6 +309,7 @@
 									{#if onRemove}
 										<div>
 											<button
+												aria-label={$i18n.t('Remove {{name}}', { name: user.name })}
 												class="rounded-full py-1 transition disabled:opacity-50 disabled:cursor-not-allowed hover:text-gray-900 dark:hover:text-gray-100 text-gray-500 dark:text-gray-400 px-0"
 												type="button"
 												disabled={user.id === $_user?.id}
diff --git a/src/lib/components/chat/Settings/Integrations/Terminals/Connection.svelte b/src/lib/components/chat/Settings/Integrations/Terminals/Connection.svelte
index e0b55c66e8..6044a07f10 100644
--- a/src/lib/components/chat/Settings/Integrations/Terminals/Connection.svelte
+++ b/src/lib/components/chat/Settings/Integrations/Terminals/Connection.svelte
@@ -75,6 +75,7 @@
 	<div class="flex gap-1 items-center">
 		<Tooltip content={$i18n.t('Configure')}>
 			<button
+				aria-label={$i18n.t('Configure')}
 				class="self-center p-1 bg-transparent hover:bg-black/5 dark:hover:bg-white/5 rounded-lg transition"
 				on:click={() => {
 					showConfigModal = true;
diff --git a/src/lib/components/chat/Settings/Interface/ManageFloatingActionButtonsModal.svelte b/src/lib/components/chat/Settings/Interface/ManageFloatingActionButtonsModal.svelte
index a92ddb4a49..c5b67e00a7 100644
--- a/src/lib/components/chat/Settings/Interface/ManageFloatingActionButtonsModal.svelte
+++ b/src/lib/components/chat/Settings/Interface/ManageFloatingActionButtonsModal.svelte
@@ -98,6 +98,7 @@
 
 								{#if floatingActionButtons !== null}
 									<button
+										aria-label={$i18n.t('Add')}
 										class=""
 										type="button"
 										on:click={() => {
diff --git a/src/lib/components/chat/Settings/Tools/Connection.svelte b/src/lib/components/chat/Settings/Tools/Connection.svelte
index 3d924f1df1..7e1fa9ebb0 100644
--- a/src/lib/components/chat/Settings/Tools/Connection.svelte
+++ b/src/lib/components/chat/Settings/Tools/Connection.svelte
@@ -78,6 +78,7 @@
 	<div class="flex shrink-0 items-center gap-1">
 		<Tooltip content={$i18n.t('Configure')} className="self-start">
 			<button
+				aria-label={$i18n.t('Configure')}
 				class="flex size-6 items-center justify-center rounded-lg text-gray-400 transition-colors hover:text-gray-700 dark:text-gray-600 dark:hover:text-gray-300"
 				on:click={() => {
 					showConfigModal = true;
diff --git a/src/lib/components/common/FileItemModal.svelte b/src/lib/components/common/FileItemModal.svelte
index adc6080706..8899481f97 100644
--- a/src/lib/components/common/FileItemModal.svelte
+++ b/src/lib/components/common/FileItemModal.svelte
@@ -417,6 +417,7 @@
 						<div class="absolute top-2 right-2 z-10">
 							<Tooltip content={$i18n.t('Reset view')}>
 								<button
+									aria-label={$i18n.t('Reset view')}
 									class="p-1.5 rounded-lg bg-white/80 dark:bg-gray-850/80 backdrop-blur-sm shadow-sm hover:bg-gray-100 dark:hover:bg-gray-800 transition text-gray-500 dark:text-gray-400"
 									on:click={resetImageView}
 								>
diff --git a/src/lib/components/common/RichTextInput/FormattingButtons.svelte b/src/lib/components/common/RichTextInput/FormattingButtons.svelte
index e230462285..027cd1adcb 100644
--- a/src/lib/components/common/RichTextInput/FormattingButtons.svelte
+++ b/src/lib/components/common/RichTextInput/FormattingButtons.svelte
@@ -30,6 +30,8 @@
 >
 	<Tooltip placement="top" content={$i18n.t('H1')}>
 		<button
+			aria-label={$i18n.t('H1')}
+			aria-pressed={editor?.isActive('heading', { level: 1 })}
 			on:click={() => editor?.chain().focus().toggleHeading({ level: 1 }).run()}
 			class="{editor?.isActive('heading', { level: 1 })
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -42,6 +44,8 @@
 
 	<Tooltip placement="top" content={$i18n.t('H2')}>
 		<button
+			aria-label={$i18n.t('H2')}
+			aria-pressed={editor?.isActive('heading', { level: 2 })}
 			on:click={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()}
 			class="{editor?.isActive('heading', { level: 2 })
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -54,6 +58,8 @@
 
 	<Tooltip placement="top" content={$i18n.t('H3')}>
 		<button
+			aria-label={$i18n.t('H3')}
+			aria-pressed={editor?.isActive('heading', { level: 3 })}
 			on:click={() => editor?.chain().focus().toggleHeading({ level: 3 }).run()}
 			class="{editor?.isActive('heading', { level: 3 })
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -67,6 +73,7 @@
 	{#if editor?.isActive('bulletList') || editor?.isActive('orderedList') || editor?.isActive('taskList')}
 		<Tooltip placement="top" content={$i18n.t('Lift List')}>
 			<button
+				aria-label={$i18n.t('Lift List')}
 				on:click={() => {
 					editor?.commands.liftListItem(editor?.isActive('taskList') ? 'taskItem' : 'listItem');
 				}}
@@ -78,6 +85,7 @@
 		</Tooltip>
 		<Tooltip placement="top" content={$i18n.t('Sink List')}>
 			<button
+				aria-label={$i18n.t('Sink List')}
 				on:click={() =>
 					editor?.commands.sinkListItem(editor?.isActive('taskList') ? 'taskItem' : 'listItem')}
 				class="hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all"
@@ -90,6 +98,8 @@
 
 	<Tooltip placement="top" content={$i18n.t('Bullet List')}>
 		<button
+			aria-label={$i18n.t('Bullet List')}
+			aria-pressed={editor?.isActive('bulletList')}
 			on:click={() => editor?.chain().focus().toggleBulletList().run()}
 			class="{editor?.isActive('bulletList')
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -102,6 +112,8 @@
 
 	<Tooltip placement="top" content={$i18n.t('Ordered List')}>
 		<button
+			aria-label={$i18n.t('Ordered List')}
+			aria-pressed={editor?.isActive('orderedList')}
 			on:click={() => editor?.chain().focus().toggleOrderedList().run()}
 			class="{editor?.isActive('orderedList')
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -114,6 +126,8 @@
 
 	<Tooltip placement="top" content={$i18n.t('Task List')}>
 		<button
+			aria-label={$i18n.t('Task List')}
+			aria-pressed={editor?.isActive('taskList')}
 			on:click={() => editor?.chain().focus().toggleTaskList().run()}
 			class="{editor?.isActive('taskList')
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -126,6 +140,8 @@
 
 	<Tooltip placement="top" content={$i18n.t('Bold')}>
 		<button
+			aria-label={$i18n.t('Bold')}
+			aria-pressed={editor?.isActive('bold')}
 			on:click={() => editor?.chain().focus().toggleBold().run()}
 			class="{editor?.isActive('bold')
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -138,6 +154,8 @@
 
 	<Tooltip placement="top" content={$i18n.t('Italic')}>
 		<button
+			aria-label={$i18n.t('Italic')}
+			aria-pressed={editor?.isActive('italic')}
 			on:click={() => editor?.chain().focus().toggleItalic().run()}
 			class="{editor?.isActive('italic')
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -150,6 +168,8 @@
 
 	<Tooltip placement="top" content={$i18n.t('Underline')}>
 		<button
+			aria-label={$i18n.t('Underline')}
+			aria-pressed={editor?.isActive('underline')}
 			on:click={() => editor?.chain().focus().toggleUnderline().run()}
 			class="{editor?.isActive('underline')
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -162,6 +182,8 @@
 
 	<Tooltip placement="top" content={$i18n.t('Strikethrough')}>
 		<button
+			aria-label={$i18n.t('Strikethrough')}
+			aria-pressed={editor?.isActive('strike')}
 			on:click={() => editor?.chain().focus().toggleStrike().run()}
 			class="{editor?.isActive('strike')
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -174,6 +196,8 @@
 
 	<Tooltip placement="top" content={$i18n.t('Code Block')}>
 		<button
+			aria-label={$i18n.t('Code Block')}
+			aria-pressed={editor?.isActive('codeBlock')}
 			on:click={() => editor?.chain().focus().toggleCodeBlock().run()}
 			class="{editor?.isActive('codeBlock')
 				? 'bg-gray-50 dark:bg-gray-700'
@@ -198,6 +222,7 @@
 	>
 		<Tooltip placement="top" content={$i18n.t('Emoji')}>
 			<button
+				aria-label={$i18n.t('Emoji')}
 				class="hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg p-1.5 transition-all"
 				type="button"
 			>
diff --git a/src/lib/components/common/SVGPanZoom.svelte b/src/lib/components/common/SVGPanZoom.svelte
index e85adc6716..8763b210bc 100644
--- a/src/lib/components/common/SVGPanZoom.svelte
+++ b/src/lib/components/common/SVGPanZoom.svelte
@@ -43,6 +43,7 @@
 			<div class="flex gap-1">
 				<Tooltip content={$i18n.t('Download as SVG')}>
 					<button
+						aria-label={$i18n.t('Download as SVG')}
 						class="p-1.5 rounded-lg border border-gray-100 dark:border-none dark:bg-gray-850 hover:bg-gray-50 dark:hover:bg-gray-800 transition"
 						on:click={() => {
 							downloadAsSVG();
@@ -54,6 +55,7 @@
 
 				<Tooltip content={$i18n.t('Reset view')}>
 					<button
+						aria-label={$i18n.t('Reset view')}
 						class="p-1.5 rounded-lg border border-gray-100 dark:border-none dark:bg-gray-850 hover:bg-gray-50 dark:hover:bg-gray-800 transition"
 						on:click={() => {
 							resetPanZoomViewport();
@@ -65,6 +67,7 @@
 
 				<Tooltip content={$i18n.t('Copy to clipboard')}>
 					<button
+						aria-label={$i18n.t('Copy to clipboard')}
 						class="p-1.5 rounded-lg border border-gray-100 dark:border-none dark:bg-gray-850 hover:bg-gray-50 dark:hover:bg-gray-800 transition"
 						on:click={() => {
 							copyToClipboard(content);
diff --git a/src/lib/components/layout/ChatsModal.svelte b/src/lib/components/layout/ChatsModal.svelte
index 0dcbb0b024..9d67fee05e 100644
--- a/src/lib/components/layout/ChatsModal.svelte
+++ b/src/lib/components/layout/ChatsModal.svelte
@@ -350,6 +350,7 @@
 												{#if unshareHandler && chat.share_id}
 													<Tooltip content={$i18n.t('Copy Share Link')}>
 														<button
+															aria-label={$i18n.t('Copy Share Link')}
 															class="self-center w-fit px-1 text-sm rounded-xl"
 															on:click={async (e) => {
 																e.stopImmediatePropagation();
@@ -370,6 +371,9 @@
 														: $i18n.t('Delete Chat')}
 												>
 													<button
+														aria-label={unshareHandler
+															? $i18n.t('Unshare Chat')
+															: $i18n.t('Delete Chat')}
 														class="self-center w-fit px-1 text-sm rounded-xl"
 														on:click={async (e) => {
 															e.stopImmediatePropagation();
@@ -480,6 +484,7 @@
 															{#if unarchiveHandler}
 																<Tooltip content={$i18n.t('Unarchive Chat')}>
 																	<button
+																		aria-label={$i18n.t('Unarchive Chat')}
 																		class="self-center w-fit text-sm px-2 py-2 hover:bg-black/5 dark:hover:bg-white/5 rounded-xl"
 																		on:click={async () => {
 																			unarchiveHandler(chat.id);
@@ -505,6 +510,7 @@
 
 															<Tooltip content={$i18n.t('Delete Chat')}>
 																<button
+																	aria-label={$i18n.t('Delete Chat')}
 																	class="self-center w-fit text-sm px-2 py-2 hover:bg-black/5 dark:hover:bg-white/5 rounded-xl"
 																	on:click={async () => {
 																		deleteHandler(chat.id);
diff --git a/src/lib/components/layout/Sidebar/ChatItem.svelte b/src/lib/components/layout/Sidebar/ChatItem.svelte
index a53a53323a..29d35fd072 100644
--- a/src/lib/components/layout/Sidebar/ChatItem.svelte
+++ b/src/lib/components/layout/Sidebar/ChatItem.svelte
@@ -789,6 +789,7 @@
 				>
 					<Tooltip content={$i18n.t('Generate')}>
 						<button
+							aria-label={$i18n.t('Generate')}
 							class="flex size-5 items-center justify-center self-center dark:hover:text-white transition disabled:cursor-not-allowed"
 							id="generate-title-button"
 							disabled={generating}
@@ -805,6 +806,7 @@
 					{#if $visibleControls['chat.archive']}
 						<Tooltip content={$i18n.t('Archive')} className="flex items-center">
 							<button
+								aria-label={$i18n.t('Archive')}
 								class="flex size-5 items-center justify-center self-center dark:hover:text-white transition disabled:cursor-not-allowed"
 								disabled={archiving}
 								on:click={() => {
@@ -820,6 +822,7 @@
 					{#if $user?.role === 'admin' || ($user?.permissions?.chat?.delete ?? true)}
 						<Tooltip content={$i18n.t('Delete')}>
 							<button
+								aria-label={$i18n.t('Delete')}
 								class=" self-center dark:hover:text-white transition disabled:cursor-not-allowed"
 								disabled={deleting}
 								on:click={() => {
diff --git a/src/lib/components/layout/Sidebar/PinnedModelItem.svelte b/src/lib/components/layout/Sidebar/PinnedModelItem.svelte
index 8abd62dbe0..d569b27cb7 100644
--- a/src/lib/components/layout/Sidebar/PinnedModelItem.svelte
+++ b/src/lib/components/layout/Sidebar/PinnedModelItem.svelte
@@ -63,6 +63,7 @@
 				<div class=" flex items-center self-center space-x-1.5">
 					<Tooltip content={$i18n.t('Unpin')} className="flex items-center">
 						<button
+							aria-label={$i18n.t('Unpin')}
 							class=" self-center dark:hover:text-white transition"
 							on:click={() => {
 								onUnpin();
diff --git a/src/lib/components/layout/Sidebar/UserMenu.svelte b/src/lib/components/layout/Sidebar/UserMenu.svelte
index d48898b5ed..089b4f16c1 100644
--- a/src/lib/components/layout/Sidebar/UserMenu.svelte
+++ b/src/lib/components/layout/Sidebar/UserMenu.svelte
@@ -277,6 +277,9 @@
 								: $i18n.t('Pin to Sidebar')}
 						>
 							<button
+								aria-label={pinnedItems.includes('workspace')
+									? $i18n.t('Unpin from Sidebar')
+									: $i18n.t('Pin to Sidebar')}
 								role="menuitem"
 								type="button"
 								class="p-1 mr-1 rounded-lg hover:bg-gray-100/60 dark:hover:bg-gray-700/60 transition"
@@ -325,6 +328,9 @@
 								: $i18n.t('Pin to Sidebar')}
 						>
 							<button
+								aria-label={pinnedItems.includes('notes')
+									? $i18n.t('Unpin from Sidebar')
+									: $i18n.t('Pin to Sidebar')}
 								role="menuitem"
 								type="button"
 								class="p-1 mr-1 rounded-lg hover:bg-gray-100/60 dark:hover:bg-gray-700/60 transition"
@@ -373,6 +379,9 @@
 								: $i18n.t('Pin to Sidebar')}
 						>
 							<button
+								aria-label={pinnedItems.includes('calendar')
+									? $i18n.t('Unpin from Sidebar')
+									: $i18n.t('Pin to Sidebar')}
 								role="menuitem"
 								type="button"
 								class="p-1 mr-1 rounded-lg hover:bg-gray-100/60 dark:hover:bg-gray-700/60 transition"
@@ -421,6 +430,9 @@
 								: $i18n.t('Pin to Sidebar')}
 						>
 							<button
+								aria-label={pinnedItems.includes('automations')
+									? $i18n.t('Unpin from Sidebar')
+									: $i18n.t('Pin to Sidebar')}
 								role="menuitem"
 								type="button"
 								class="p-1 mr-1 rounded-lg hover:bg-gray-100/60 dark:hover:bg-gray-700/60 transition"
@@ -469,6 +481,9 @@
 								: $i18n.t('Pin to Sidebar')}
 						>
 							<button
+								aria-label={pinnedItems.includes('playground')
+									? $i18n.t('Unpin from Sidebar')
+									: $i18n.t('Pin to Sidebar')}
 								role="menuitem"
 								type="button"
 								class="p-1 mr-1 rounded-lg hover:bg-gray-100/60 dark:hover:bg-gray-700/60 transition"
diff --git a/src/lib/components/layout/Sidebar/UserStatusModal.svelte b/src/lib/components/layout/Sidebar/UserStatusModal.svelte
index d73c2a54c1..fd85a333a8 100644
--- a/src/lib/components/layout/Sidebar/UserStatusModal.svelte
+++ b/src/lib/components/layout/Sidebar/UserStatusModal.svelte
@@ -135,6 +135,7 @@
 
 							<button
 								type="button"
+								aria-label={$i18n.t('Clear')}
 								on:click={() => {
 									emoji = '';
 									message = '';
diff --git a/src/lib/components/playground/Images.svelte b/src/lib/components/playground/Images.svelte
index 094f280a1d..63a9b42972 100644
--- a/src/lib/components/playground/Images.svelte
+++ b/src/lib/components/playground/Images.svelte
@@ -135,6 +135,7 @@
 							<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3">
 								{#each generatedImages as image, index}
 									<button
+										aria-label={$i18n.t('Download')}
 										class="relative group cursor-pointer"
 										on:click={() => downloadImage(image.url, index)}
 									>
diff --git a/src/lib/components/workspace/Knowledge/KnowledgeBase/AddTextContentModal.svelte b/src/lib/components/workspace/Knowledge/KnowledgeBase/AddTextContentModal.svelte
index a4bf928ccb..abcf67e2f4 100644
--- a/src/lib/components/workspace/Knowledge/KnowledgeBase/AddTextContentModal.svelte
+++ b/src/lib/components/workspace/Knowledge/KnowledgeBase/AddTextContentModal.svelte
@@ -103,6 +103,7 @@
 					{:else}
 						<Tooltip content={$i18n.t('Voice Input')}>
 							<button
+								aria-label={$i18n.t('Voice Input')}
 								class=" p-2 bg-gray-50 text-gray-700 dark:bg-gray-700 dark:text-white transition rounded-full"
 								type="button"
 								on:click={async () => {
diff --git a/src/lib/components/workspace/common/AccessControl.svelte b/src/lib/components/workspace/common/AccessControl.svelte
index 400db6d3d6..a2d10cee4c 100644
--- a/src/lib/components/workspace/common/AccessControl.svelte
+++ b/src/lib/components/workspace/common/AccessControl.svelte
@@ -637,6 +637,7 @@
 						{/if}
 
 						<button
+							aria-label={$i18n.t('Remove {{name}}', { name: group.name })}
 							class="rounded-full py-1 transition hover:text-gray-900 dark:hover:text-gray-100 text-gray-500 dark:text-gray-400 px-0"
 							type="button"
 							on:click={() => {
@@ -689,6 +690,7 @@
 							{/if}
 
 							<button
+								aria-label={$i18n.t('Remove {{name}}', { name: user.name ?? user.id })}
 								class="rounded-full py-1 transition hover:text-gray-900 dark:hover:text-gray-100 text-gray-500 dark:text-gray-400 px-0"
 								type="button"
 								on:click={() => {