fix(a11y): add aria-labels to chat core components (#21709)

Add aria-labels to close, back, and action buttons across:
- Controls/Controls.svelte: close chat controls button
- ChatControls/Embeds.svelte: close embed button
- Overview/Node.svelte: favorite toggle button
- Overview/View.svelte: back and close overview buttons
- ShortcutsModal.svelte: close button
- ShareChatModal.svelte: close button
- ToolServersModal.svelte: close button
- Placeholder/FolderTitle.svelte: folder icon picker, folder options menu

WCAG: 4.1.2 (Name, Role, Value)
This commit is contained in:
Classic298
2026-02-22 14:18:19 -06:00
committed by GitHub
parent 7043751ca4
commit bf0fb1c449
8 changed files with 10 additions and 2 deletions
@@ -56,6 +56,7 @@
<button
class={data?.message?.favorite ? '' : 'invisible group-hover:visible'}
aria-label={data?.message?.favorite ? $i18n.t('Remove from favorites') : $i18n.t('Add to favorites')}
on:click={() => {
data.message.favorite = !(data?.message?.favorite ?? false);
}}
@@ -176,6 +176,7 @@
<div class="flex items-center gap-2.5">
<button
class="self-center p-0.5"
aria-label={$i18n.t('Back')}
on:click={() => {
showOverview.set(false);
}}
@@ -186,6 +187,7 @@
</div>
<button
class="self-center p-0.5"
aria-label={$i18n.t('Close overview')}
on:click={() => {
onClose();
showOverview.set(false);