diff options
Diffstat (limited to 'packages/app/src/components')
| -rw-r--r-- | packages/app/src/components/titlebar.tsx | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/packages/app/src/components/titlebar.tsx b/packages/app/src/components/titlebar.tsx index 7e50687d5..67c012651 100644 --- a/packages/app/src/components/titlebar.tsx +++ b/packages/app/src/components/titlebar.tsx @@ -89,12 +89,12 @@ export function Titlebar() { <Show when={mac()}> <div class="w-[72px] h-full shrink-0" data-tauri-drag-region /> <div class="xl:hidden w-10 shrink-0 flex items-center justify-center"> - <IconButton icon="menu" variant="ghost" class="size-8 rounded-md" onClick={layout.mobileSidebar.toggle} /> + <IconButton icon="menu" variant="ghost" class="size-8 rounded-md" onClick={layout.mobileSidebar.toggle} aria-label="Toggle menu" /> </div> </Show> <Show when={!mac()}> <div class="xl:hidden w-[48px] shrink-0 flex items-center justify-center"> - <IconButton icon="menu" variant="ghost" class="size-8 rounded-md" onClick={layout.mobileSidebar.toggle} /> + <IconButton icon="menu" variant="ghost" class="size-8 rounded-md" onClick={layout.mobileSidebar.toggle} aria-label="Toggle menu" /> </div> </Show> <TooltipKeybind @@ -103,7 +103,13 @@ export function Titlebar() { title={language.t("command.sidebar.toggle")} keybind={command.keybind("sidebar.toggle")} > - <Button variant="ghost" class="group/sidebar-toggle size-6 p-0" onClick={layout.sidebar.toggle}> + <Button + variant="ghost" + class="group/sidebar-toggle size-6 p-0" + onClick={layout.sidebar.toggle} + aria-label="Toggle sidebar" + aria-expanded={layout.sidebar.opened()} + > <div class="relative flex items-center justify-center size-4 [&>*]:absolute [&>*]:inset-0"> <Icon size="small" |