Skip to content

🎨 Palette: Add tooltip and ARIA label to refresh button#78

Open
aarjava wants to merge 1 commit intomainfrom
palette-integrations-refresh-a11y-526963738263270424
Open

🎨 Palette: Add tooltip and ARIA label to refresh button#78
aarjava wants to merge 1 commit intomainfrom
palette-integrations-refresh-a11y-526963738263270424

Conversation

@aarjava
Copy link
Owner

@aarjava aarjava commented Jan 28, 2026

This PR improves the accessibility and UX of the "Refresh status" button in the IntegrationsManager component.

Changes:

  • Wrapped the icon-only refresh button in a Tooltip component.
  • Added aria-label="Refresh status" to the button.
  • Removed the title attribute to avoid redundancy.
  • Added a unit test src/components/__tests__/IntegrationsManager.test.tsx to verify the accessibility improvement.

Why:

  • Icon-only buttons without aria-label are inaccessible to screen reader users.
  • title attribute provides a poor UX for tooltips (delayed, unstyled).
  • Consistent use of Tooltip component improves the UI polish.

Verification:

  • Ran pnpm test src/components/__tests__/IntegrationsManager.test.tsx which passed.
  • Verified that pnpm lint and formatting are clean.
  • Reverted unintentional formatting changes to other files to keep the PR focused.

PR created automatically by Jules for task 526963738263270424 started by @aarjava

…button

- Replaces `title` attribute with `Tooltip` component for better visual consistency.
- Adds `aria-label` to the refresh button for screen reader accessibility.
- Adds unit test to verify the accessible label and button presence.

Ref: UX-123

Co-authored-by: aarjava <218419324+aarjava@users.noreply.github.com>
@google-labs-jules
Copy link

👋 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.

@vercel
Copy link
Contributor

vercel bot commented Jan 28, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
fluxlens-ai Ready Ready Preview, Comment Jan 28, 2026 11:43pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant