diff options
| author | Nolan Darilek <[email protected]> | 2026-01-21 09:57:50 -0600 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-01-21 09:57:50 -0600 |
| commit | 0059fdc1f5158fc41642b8982928c5abc25e4a4f (patch) | |
| tree | 65507e67c3a46cf34857d2eb75a3383f52aa2dbd /packages/app/src/components | |
| parent | f7f2d9700aad9b9599055121815cb9d6de8a036f (diff) | |
| download | opencode-0059fdc1f5158fc41642b8982928c5abc25e4a4f.tar.gz opencode-0059fdc1f5158fc41642b8982928c5abc25e4a4f.zip | |
fix(app): add aria-labels to titlebar and sidebar buttons (#9843)
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" |