From 57973d3f7078071ce7fd4290552d533146c80d93 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Wed, 29 Apr 2026 05:24:48 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20aria-labels=20t?=
 =?UTF-8?q?o=20icon-only=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added missing aria-label attributes to icon-only buttons in the graph tab controls and the code block extension to improve accessibility for screen readers.

Co-authored-by: threehymns <70611435+threehymns@users.noreply.github.com>
---
 src/components/editor/extensions/code-block-codemirror.tsx | 2 ++
 src/components/graph-tab.tsx                               | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/src/components/editor/extensions/code-block-codemirror.tsx b/src/components/editor/extensions/code-block-codemirror.tsx
index cbc217e..2da9dbd 100644
--- a/src/components/editor/extensions/code-block-codemirror.tsx
+++ b/src/components/editor/extensions/code-block-codemirror.tsx
@@ -477,6 +477,7 @@ const CodeMirrorComponent = ({
                 isLineWrapped ? "text-primary" : "text-muted-foreground",
               )}
               title="Toggle Line Wrap"
+              aria-label="Toggle Line Wrap"
             >
               <HugeiconsIcon icon={TextWrapIcon} size={14} />
             </button>
@@ -485,6 +486,7 @@ const CodeMirrorComponent = ({
               onClick={handleCopy}
               className="rounded p-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
               title="Copy Code"
+              aria-label={copied ? "Code copied" : "Copy Code"}
             >
               {copied ? (
                 <HugeiconsIcon
diff --git a/src/components/graph-tab.tsx b/src/components/graph-tab.tsx
index 4b13707..78f852a 100644
--- a/src/components/graph-tab.tsx
+++ b/src/components/graph-tab.tsx
@@ -1319,6 +1319,7 @@ interface ForceGraphInstance {
                   variant="ghost"
                   size="icon"
                   title="Reset settings"
+                  aria-label="Reset settings"
                   onClick={() => setPanel(DEFAULT_PANEL)}
                   className="size-7"
                 >
@@ -1328,6 +1329,7 @@ interface ForceGraphInstance {
                   variant="ghost"
                   size="icon"
                   title="Close panel"
+                  aria-label="Close panel"
                   onClick={() => setPaneOpen(false)}
                   className="size-7"
                 >
@@ -1431,6 +1433,7 @@ interface ForceGraphInstance {
                       <Button
                         variant="ghost"
                         size="icon"
+                        aria-label="Delete filter group"
                         onClick={() => {
                           const next = panel.groups.filter(
                             (_, i) => i !== index,