enh: a11y

This commit is contained in:
Timothy Jaeryang Baek 2025-08-27 00:52:18 +04:00
parent b29d5b80cd
commit bbd3e38e25

View file

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