add aria-labels to TopBar buttons and CalendarPopover
This commit is contained in:
@@ -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"))
|
||||
|
||||
Reference in New Issue
Block a user