From 579a3d7c55edfa53bdb83a051bad9f8156df9b4b Mon Sep 17 00:00:00 2001
From: billlzzz10 <208072329+billlzzz10@users.noreply.github.com>
Date: Sat, 18 Jul 2026 16:40:37 +0000
Subject: [PATCH 1/3] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20accessibili?=
 =?UTF-8?q?ty=20attributes=20to=20layout=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added `type="button"` to layout buttons to prevent accidental form submission and explicitly set `aria-label` for better screen reader accessibility. Also added `aria-hidden="true"` to decorative icons inside the buttons.

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
---
 src/components/layout/cli-command.tsx       | 4 +++-
 src/components/layout/notification-bell.tsx | 2 ++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/cli-command.tsx b/src/components/layout/cli-command.tsx
index 5b49b356..ba6ff861 100644
--- a/src/components/layout/cli-command.tsx
+++ b/src/components/layout/cli-command.tsx
@@ -51,12 +51,14 @@ export function CliCommand() {
         {tCommon("copied")}
       </span>
       <button
+        type="button"
+        aria-label={tCommon("copy")}
         onClick={handleCopy}
         onMouseEnter={() => setIsHovered(true)}
         onMouseLeave={() => setIsHovered(false)}
         className="group inline-flex cursor-pointer items-center gap-3 rounded-lg border border-zinc-700 bg-zinc-900 px-4 py-2.5 transition-all duration-300 hover:bg-zinc-800 dark:border-zinc-600 dark:bg-zinc-800 dark:hover:bg-zinc-700"
       >
-        <Terminal className="h-4 w-4 shrink-0 text-green-400" />
+        <Terminal className="h-4 w-4 shrink-0 text-green-400" aria-hidden="true" />
         <div className="relative flex h-5 items-center overflow-hidden">
           {/* Grid container for smooth width animation */}
           <div
diff --git a/src/components/layout/notification-bell.tsx b/src/components/layout/notification-bell.tsx
index 10d30527..cdecf90d 100644
--- a/src/components/layout/notification-bell.tsx
+++ b/src/components/layout/notification-bell.tsx
@@ -128,6 +128,8 @@ export function NotificationBell() {
           <span>{t("title")}</span>
           {totalCount > 0 && (
             <button
+              type="button"
+              aria-label={t("markAllRead")}
               onClick={() => handleMarkAsRead()}
               className="text-muted-foreground hover:text-foreground text-xs"
             >

From a869e76915076c7ab0e1b2faa4f3e75a6c810447 Mon Sep 17 00:00:00 2001
From: billlzzz10 <208072329+billlzzz10@users.noreply.github.com>
Date: Sat, 18 Jul 2026 16:43:11 +0000
Subject: [PATCH 2/3] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20accessibili?=
 =?UTF-8?q?ty=20attributes=20to=20layout=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added `type="button"` to layout buttons to prevent accidental form submission and explicitly set `aria-label` for better screen reader accessibility. Also added `aria-hidden="true"` to decorative icons inside the buttons.

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>

From 991fd8b755a009a2d04f03da6aecf0cfe51f4967 Mon Sep 17 00:00:00 2001
From: billlzzz10 <208072329+billlzzz10@users.noreply.github.com>
Date: Sat, 18 Jul 2026 16:45:50 +0000
Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20accessibili?=
 =?UTF-8?q?ty=20attributes=20to=20layout=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added `type="button"` to layout buttons to prevent accidental form submission and explicitly set `aria-label` for better screen reader accessibility. Also added `aria-hidden="true"` to decorative icons inside the buttons.

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>