From 932ddf41d9d73832fe34d089e1c472e9a682cd07 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
<161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sat, 15 Aug 2026 04:59:28 +0000
Subject: [PATCH 1/4] I've improved the accessibility of the Calendar View
Selector in the Palette. Here are the specific updates I made:
- Added `role="group"` and `aria-label` to the `.view-selector` wrapper.
- Bound `:aria-pressed` dynamically to the view mode toggles (day, week, month).
- Bound `:aria-pressed` to the `.view-option-item` toggle buttons (filters, completed tasks, future recurring, google events).
- Added `aria-haspopup="menu"` and dynamically bound `:aria-expanded` to the view options menu trigger.
Co-authored-by: endlessblink <37155282+endlessblink@users.noreply.github.com>
---
src/components/calendar/CalendarHeader.vue | 13 +++++++++++--
1 file changed, 11 insertions(+), 2 deletions(-)
diff --git a/src/components/calendar/CalendarHeader.vue b/src/components/calendar/CalendarHeader.vue
index b4860f6e5..0b49521a4 100644
--- a/src/components/calendar/CalendarHeader.vue
+++ b/src/components/calendar/CalendarHeader.vue
@@ -86,6 +86,8 @@ const toggleViewOptions = () => {
:class="{ active: showViewOptions || showFilters || hideCalendarDoneTasks || showFutureRecurring }"
aria-label="View options"
title="View options"
+ aria-haspopup="menu"
+ :aria-expanded="showViewOptions"
@click="toggleViewOptions"
>
@@ -98,7 +100,7 @@ const toggleViewOptions = () => {
:y="popoverY"
position="bottom"
variant="menu"
- :close-on-click-outside="true"
+ close-on-click-outside
@close="showViewOptions = false"
>
-
+