🎨 Palette: [UX improvement] Add ARIA labels to assistant input buttons#150
🎨 Palette: [UX improvement] Add ARIA labels to assistant input buttons#150Cukurikik wants to merge 1 commit into
Conversation
Adds `aria-label` attributes to five icon-only buttons in the Assistant page's input console. This improves accessibility for screen reader users by providing descriptive text for interactive elements that previously relied solely on visual icons or title attributes. Co-authored-by: Cukurikik <266119688+Cukurikik@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. |
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (1)
📝 WalkthroughWalkthroughThis PR adds Changes
Estimated code review effort🎯 1 (Trivial) | ⏱️ ~2 minutes Poem
🚥 Pre-merge checks | ✅ 2 | ❌ 1❌ Failed checks (1 warning)
✅ Passed checks (2 passed)
✏️ Tip: You can configure your own custom pre-merge checks in the settings. ✨ Finishing Touches📝 Generate docstrings
🧪 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 |
💡 What: Added
aria-labelattributes to the five icon-only buttons located in the input console on the Assistant page (src/app/assistant/page.tsx).🎯 Why: Icon-only buttons lack text context, making them difficult or impossible for screen reader users to understand and interact with. Adding clear, descriptive
aria-labels makes these controls fully accessible.📸 Before/After: Visually identical, but programmatically distinct. Screen readers will now announce the buttons properly.
♿ Accessibility:
aria-label="Attach file"aria-label="Send Image to Vision Model"aria-label="Voice Input"aria-label="Stop generation"aria-label="Send message"PR created automatically by Jules for task 11277707111509082103 started by @Cukurikik
Summary by CodeRabbit