diff --git a/.Jules/palette.md b/.Jules/palette.md
new file mode 100644
index 00000000..1d2bf4f5
--- /dev/null
+++ b/.Jules/palette.md
@@ -0,0 +1,3 @@
+## 2024-06-20 - Adding ARIA attributes to Toggle Menu Buttons
+**Learning:** Found that custom UI action menus without built-in accessibility features (`aria-expanded`, `aria-haspopup`) are common for "More Options" (`MoreHorizontal` icon) triggers in the codebase, reducing screen-reader discoverability for crucial context menus.
+**Action:** When inspecting list-item action bars, specifically check for `aria-expanded` and `aria-haspopup` on the trigger buttons to ensure screen readers correctly interpret them as menus and announce their open/closed state.
diff --git a/src/components/events/EventAnnotations.tsx b/src/components/events/EventAnnotations.tsx
index aefd7007..88ded451 100644
--- a/src/components/events/EventAnnotations.tsx
+++ b/src/components/events/EventAnnotations.tsx
@@ -325,8 +325,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>