🎨 Palette: Improve accessibility of catch-up banner dismiss button#165
🎨 Palette: Improve accessibility of catch-up banner dismiss button#165Alesiobarquin wants to merge 1 commit into
Conversation
…tton Co-authored-by: Alesiobarquin <156465247+Alesiobarquin@users.noreply.github.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
👋 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. |
![greptile-apps[bot]](https://avatars.githubusercontent.com/in/867647?s=60&v=4){kind=small}
There was a problem hiding this comment.
Your free trial has ended. If you'd like to continue receiving code reviews, you can add a payment method here.
|
Warning Review limit reached
More reviews will be available in 38 minutes and 44 seconds. Learn how PR review limits work. Your organization has run out of usage credits. Purchase more in the billing tab. ⌛ How to resolve this issue?After more reviews become available, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available. Please see our Fair Usage Limits Policy for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (2)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
1 participant
💡 What: Added
aria-label="Dismiss catch-up banner",title="Dismiss", and focus classes (focus-visible:ring-2 focus-visible:ring-zinc-500 outline-none) to the icon-only<X>button used to dismiss the catch-up banner in the Dashboard component.🎯 Why: The icon-only button had no accessible name, making its function invisible to screen reader users. It also lacked a clear visual indicator when navigating via keyboard.
📸 Before/After: The button now provides tooltip context on hover and a clear focus ring on keyboard navigation, without altering its visual appearance for standard mouse users.
♿ Accessibility: Screen readers will now announce "Dismiss catch-up banner" instead of "button", and keyboard users will see a visible
ring-zinc-500outline when the button receives focus.PR created automatically by Jules for task 14006911010840873954 started by @Alesiobarquin