🎨 Palette: [UX improvement] Improve keyboard accessibility for scrollable regions and focus states - #237
🎨 Palette: [UX improvement] Improve keyboard accessibility for scrollable regions and focus states#237n24q02m wants to merge 1 commit into
Conversation
…able regions and focus states Co-authored-by: n24q02m <135627235+n24q02m@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. |
|
Closing as a superseded duplicate during a theme-wave triage of the automation backlog: one candidate per theme is kept open for review (#241). Nothing is lost - this PR can be reopened if its specific approach is wanted. |
Understood. Acknowledging that this work is now obsolete and stopping work on this task. |
💡 What: Added explicit keyboard navigation support for the main
scrollercontainer and enhanced the visual focus states across the site.🎯 Why: Keyboard users and screen readers previously struggled to interact with the scrollable table container. Additionally, the existing focus outlines were too subtle, failing WCAG contrast guidelines for interactive elements.
📸 Before/After: Visual focus states on links, buttons, and the
.scrollernow explicitly use an offset 2px accent outline.♿ Accessibility: Added
tabindex="0",role="region", andaria-label="Measurement results"to the measurement table container, making it fully accessible and identifiable. Separated:focus-visiblestates in CSS for explicit outline styling.PR created automatically by Jules for task 2033529946694427215 started by @n24q02m