Repository navigation
Conversation
- Add accessible ARIA labels to session selector, filter input, group-by-domain toggle, theme toggle, and JSON download button
- Add aria-pressed state to the group-by-domain button
- Provide temporary visual feedback ('Copied!' tooltip, checkmark icon, and screen reader label) upon clicking the JSON copy button
Co-authored-by: Xp-boss <67393766+Xp-boss@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. |
|
📊 PR Size: size/M
|
💡 What
Added accessibility labels (
aria-label,aria-pressed) to interactive icon-only buttons and controls in DevTools UI (packages/devtools/client/src/App.tsx), including:aria-label="Select session")aria-label="Switch to light/dark mode")aria-label="Filter network requests")aria-label="Group by domain",aria-pressed={groupByDomain})aria-label="Download JSON")aria-label="Copy JSON to clipboard") along with responsive visual feedback ('Copied!' tooltip and green checkmark icon) for 2 seconds after copying.🎯 Why
Screen reader users previously had no label or state feedback for icon buttons (like Group by domain, theme switcher, copy/download), and users copying JSON received no visual confirmation whether the clipboard copy succeeded.
♿ Accessibility
All interactive controls in DevTools now provide accessible names and semantic state indicators for assistive technologies.
PR created automatically by Jules for task 18129287905531594364 started by @Xp-boss