fix(a11y): add aria-labels and structural elements to workspace components (#21719)

2026-02-22 15:24:33 -06:00
parent e0087acfb4
commit 5b9efeef4d
13 changed files with 46 additions and 1 deletions
@@ -331,6 +331,7 @@
 				<input
 					class=" w-full text-sm pr-4 py-1 rounded-r-xl outline-hidden bg-transparent"
 					bind:value={query}
+					aria-label={$i18n.t('Search Prompts')}
 					placeholder={$i18n.t('Search Prompts')}
 				/>

@@ -338,6 +339,7 @@
 					<div class="self-center pl-1.5 translate-y-[0.5px] rounded-l-xl bg-transparent">
 						<button
 							class="p-0.5 rounded-full hover:bg-gray-100 dark:hover:bg-gray-900 transition"
+							aria-label={$i18n.t('Clear search')}
 							on:click={() => {
 								query = '';
 							}}
@@ -437,6 +439,7 @@
 									<button
 										class="self-center w-fit text-sm px-2 py-2 dark:text-gray-300 dark:hover:text-white hover:bg-black/5 dark:hover:bg-white/5 rounded-xl"
 										type="button"
+										aria-label={$i18n.t('Delete')}
 										on:click={() => {
 											deleteHandler(prompt);
 										}}
@@ -449,6 +452,7 @@
 									<button
 										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"
+										aria-label={$i18n.t('Copy Prompt')}
 										on:click={(e) => {
 											e.preventDefault();
 											e.stopPropagation();