From a2578bceca29804bf60c6d5e1e6898407e9ad984 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 23 Jun 2026 22:40:52 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20ARIA=20labels?=
 =?UTF-8?q?=20to=20icon=20buttons=20in=20EventAnnotations?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added `aria-label="Cancel reply"` to the close button in the reply state, and added `aria-label="More actions"`, `aria-expanded`, and `aria-haspopup="menu"` to the actions menu trigger. Hid the inner `MoreHorizontal` icon with `aria-hidden="true"`.

Co-authored-by: aarjava <218419324+aarjava@users.noreply.github.com>
---
 src/components/events/EventAnnotations.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/events/EventAnnotations.tsx b/src/components/events/EventAnnotations.tsx
index aefd7007..da5df324 100644
--- a/src/components/events/EventAnnotations.tsx
+++ b/src/components/events/EventAnnotations.tsx
@@ -206,6 +206,7 @@ export default function EventAnnotations({
             <button
               onClick={() => setReplyingTo(null)}
               className="text-[#9CA3AF] hover:text-[#666666] transition-colors"
+              aria-label="Cancel reply"
             >
               ×
             </button>
@@ -325,8 +326,11 @@ export default function EventAnnotations({
                                 setShowActionsFor(showActionsFor === thread.id ? null : thread.id)
                               }
                               className="rounded-lg p-1.5 text-[#9CA3AF] hover:bg-[#F8FAFC] hover:text-[#666666] transition-colors"
+                              aria-label="More actions"
+                              aria-expanded={showActionsFor === thread.id}
+                              aria-haspopup="menu"
                             >
-                              <MoreHorizontal className="size-4" />
+                              <MoreHorizontal className="size-4" aria-hidden="true" />
                             </button>
 
                             <AnimatePresence>