add aria-labels to TopBar buttons and CalendarPopover

This commit is contained in:
Your Name
2026-02-19 19:56:47 +02:00
parent 0b155c6023
commit 6012166d99
2 changed files with 13 additions and 1 deletions
+6
View File
@@ -163,6 +163,7 @@ export function TopBar() {
<Button
variant="ghost"
size="icon-sm"
aria-label="Undo"
className="text-pylon-text-secondary hover:text-pylon-text"
onClick={() => useBoardStore.temporal.getState().undo()}
>
@@ -178,6 +179,7 @@ export function TopBar() {
<Button
variant="ghost"
size="icon-sm"
aria-label="Redo"
className="text-pylon-text-secondary hover:text-pylon-text"
onClick={() => useBoardStore.temporal.getState().redo()}
>
@@ -193,6 +195,7 @@ export function TopBar() {
<Button
variant="ghost"
size="icon-sm"
aria-label="Filter cards"
className="text-pylon-text-secondary hover:text-pylon-text"
onClick={() => document.dispatchEvent(new CustomEvent("toggle-filter-bar"))}
>
@@ -211,6 +214,7 @@ export function TopBar() {
<Button
variant="ghost"
size="icon-sm"
aria-label="Board settings"
className="text-pylon-text-secondary hover:text-pylon-text"
>
<SlidersHorizontal className="size-4" />
@@ -256,6 +260,7 @@ export function TopBar() {
<Button
variant="ghost"
size="icon-sm"
aria-label="Command palette"
className="text-pylon-text-secondary hover:text-pylon-text"
onClick={() =>
document.dispatchEvent(new CustomEvent("open-command-palette"))
@@ -275,6 +280,7 @@ export function TopBar() {
<Button
variant="ghost"
size="icon-sm"
aria-label="Settings"
className="text-pylon-text-secondary hover:text-pylon-text"
onClick={() =>
document.dispatchEvent(new CustomEvent("open-settings-dialog"))