🎨 Palette: Add tooltip to dashboard refresh button#136
Conversation
Co-authored-by: aarjava <218419324+aarjava@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. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Co-authored-by: aarjava <218419324+aarjava@users.noreply.github.com>
Co-authored-by: aarjava <218419324+aarjava@users.noreply.github.com>
Co-authored-by: aarjava <218419324+aarjava@users.noreply.github.com>
💡 What:
Replaced the native
titleattribute logic implicitly (missing) with the accessible RadixTooltipcomponent for theDashboardHeaderrefresh button. Addedaria-busyto represent the loading state correctly to screen readers.🎯 Why:
Icon-only buttons can be unclear to users without context. Wrapping it in a tooltip provides a direct, accessible hint ("Refresh dashboard"). Using
aria-busyensures that screen readers are aware of background sync status whileisLoadingis true.📸 Before/After:
Before: The refresh button was just an icon with no hover text and standard attributes.
After: Hovering over the button provides a native tooltip with "Refresh dashboard". Screen readers are informed when the refresh task is executing.
♿ Accessibility:
Added
aria-busylinked to the loading state. Wrapped in Radix UITooltip(which properly managesaria-describedbysemantics). No CSS modifications needed.PR created automatically by Jules for task 5938354567798146205 started by @aarjava