🎨 Palette: Enhance Accessibility for Calendar View Mode Selector - #249
🎨 Palette: Enhance Accessibility for Calendar View Mode Selector#249endlessblink wants to merge 2 commits into
Conversation
Added semantic `role="group"` and `aria-label` to the Calendar view mode selector, and bound `:aria-pressed` to the toggle buttons to accurately communicate the active view mode state to screen readers. Also cleaned up a boolean attribute shorthand warning. Co-authored-by: endlessblink <37155282+endlessblink@users.noreply.github.com>
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
Added semantic `role="group"` and `aria-label` to the Calendar view mode selector, and bound `:aria-pressed` to the toggle buttons to accurately communicate the active view mode state to screen readers. Also cleaned up a boolean attribute shorthand warning and fixed several linting and CI issues, including the Supabase `setup-cli` CI deprecation. Co-authored-by: endlessblink <37155282+endlessblink@users.noreply.github.com>
💡 What: Added
role="group",aria-label, and dynamically bound:aria-pressedattributes to the Calendar view mode segmented control (Day, Week, Month buttons).🎯 Why: The view selector buttons act as a segmented toggle group. Without proper roles and
:aria-pressedstates, screen reader users cannot easily understand they are part of a mutually exclusive group or which mode is currently active.♿ Accessibility: Enhanced structural semantics and exposed the active view mode state to assistive technologies.
PR created automatically by Jules for task 406684620386376933 started by @endlessblink