Skip to content

🎨 Palette: Enhance accessibility in overlay and popup #88

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
mitchlabeetch merged 1 commit into from
Jan 18, 2026
Merged

🎨 Palette: Enhance accessibility in overlay and popup #88

mitchlabeetch merged 1 commit into from
Jan 18, 2026

Conversation

@google-labs-jules
Copy link
Contributor

@google-labs-jules google-labs-jules bot commented Jan 17, 2026

💡 What: Improved accessibility and visual feedback for key UI components.

  • Added aria-label to icon-only buttons in the Watching Overlay and Extension Popup.
  • Enabled keyboard users to toggle the "Minimize" state of the overlay using Enter or Space keys.
  • Added :hover and :active visual states to buttons in the Popup that previously lacked feedback.

🎯 Why:

  • Accessibility: Screen reader users could not identify the purpose of icon-only buttons like "Create Profile", "Rename", or "Delete". Keyboard users could not access the minimize feature.
  • Usability: The lack of hover states in the popup made buttons feel static and less interactive.

♿ Accessibility:

  • Added aria-label for screen readers.
  • Added on:keydown handler for keyboard interactivity.
  • Added aria-expanded to indicate state.
  • Improved focus/hover visibility.

PR created automatically by Jules for task 17726423301464308177 started by @lightmyfireadmin

@google-labs-jules
Enhance accessibility and visual polish in overlay and popup
2c003da 
- Add `aria-label` to icon-only buttons in `WatchingOverlay.svelte` and `Popup.svelte`.
- Add keyboard accessibility (Enter/Space) to toggle minimize in `WatchingOverlay.svelte`.
- Add `aria-expanded` state to `WatchingOverlay.svelte`.
- Add hover and active styles to icon buttons in `Popup.svelte`.
@google-labs-jules
Copy link
Contributor Author

google-labs-jules bot commented Jan 17, 2026

👋 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 @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

For security, I will only act on instructions from the user who triggered this task.

@codacy-production
Copy link

codacy-production bot commented Jan 17, 2026

Codacy's Analysis Summary

0 new issue (≤ 0 issue)
0 new security issue

Review Pull Request in Codacy →

✨ AI Reviewer available: add the codacy-review label to get contextual insights without leaving GitHub.

@mitchlabeetch mitchlabeetch marked this pull request as ready for review January 18, 2026 15:52
@mitchlabeetch mitchlabeetch merged commit 8375046 into main Jan 18, 2026
7 of 8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

size/M

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@mitchlabeetch