From bbd3e38e25b93c54a7b9b53ddf3fc7816d536fe4 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Wed, 27 Aug 2025 00:52:18 +0400
Subject: [PATCH] enh: a11y

---
 src/lib/components/layout/Sidebar.svelte | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index 2c7def4866..b3f20aedb1 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -531,6 +531,7 @@
 						class="flex rounded-lg hover:bg-gray-100 dark:hover:bg-gray-850 transition group {isWindows
 							? 'cursor-pointer'
 							: 'cursor-[e-resize]'}"
+						aria-label={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
 					>
 						<div class=" self-center flex items-center justify-center size-9">
 							<img
@@ -560,6 +561,7 @@
 								goto('/');
 								newChatHandler();
 							}}
+							aria-label={$i18n.t('New Chat')}
 						>
 							<div class=" self-center flex items-center justify-center size-9">
 								<PencilSquare className="size-4.5" />
@@ -579,6 +581,7 @@
 								showSearch.set(true);
 							}}
 							draggable="false"
+							aria-label={$i18n.t('Search')}
 						>
 							<div class=" self-center flex items-center justify-center size-9">
 								<Search className="size-4.5" />
@@ -601,6 +604,7 @@
 									itemClickHandler();
 								}}
 								draggable="false"
+								aria-label={$i18n.t('Notes')}
 							>
 								<div class=" self-center flex items-center justify-center size-9">
 									<Note className="size-4.5" />
@@ -623,6 +627,7 @@
 									goto('/workspace');
 									itemClickHandler();
 								}}
+								aria-label={$i18n.t('Workspace')}
 								draggable="false"
 							>
 								<div class=" self-center flex items-center justify-center size-9">
@@ -731,6 +736,7 @@
 						on:click={() => {
 							showSidebar.set(!$showSidebar);
 						}}
+						aria-label={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
 					>
 						<div class=" self-center p-1.5">
 							<Sidebar />
@@ -747,6 +753,7 @@
 						href="/"
 						draggable="false"
 						on:click={newChatHandler}
+						aria-label={$i18n.t('New Chat')}
 					>
 						<div class="self-center">
 							<PencilSquare className=" size-4.5" strokeWidth="2" />
@@ -765,6 +772,7 @@
 							showSearch.set(true);
 						}}
 						draggable="false"
+						aria-label={$i18n.t('Search')}
 					>
 						<div class="self-center">
 							<Search strokeWidth="2" className="size-4.5" />
@@ -783,6 +791,7 @@
 							href="/notes"
 							on:click={itemClickHandler}
 							draggable="false"
+							aria-label={$i18n.t('Notes')}
 						>
 							<div class="self-center">
 								<Note className="size-4.5" strokeWidth="2" />
@@ -802,6 +811,7 @@
 							href="/workspace"
 							on:click={itemClickHandler}
 							draggable="false"
+							aria-label={$i18n.t('Workspace')}
 						>
 							<div class="self-center">
 								<svg