🎨 Palette: Improve accessibility of StationRow component#7
🎨 Palette: Improve accessibility of StationRow component#7google-labs-jules[bot] wants to merge 1 commit into
Conversation
💡 What: - Made the delete button visible when focused via keyboard. - Added descriptive ARIA labels to "Arm", "Name", and "Weight" inputs. 🎯 Why: - The delete button was invisible to keyboard users (opacity: 0) until hovered, making it inaccessible. - Inputs in the "StationRow" component lacked accessible names, especially for custom rows where the visual label is replaced by an input. ♿ Accessibility: - Keyboard users can now see the delete button when focusing on it. - Screen reader users will now hear "Arm for [Item Name]" and "Weight for [Item Name]" instead of generic or unlabelled inputs.
|
👋 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 For security, I will only act on instructions from the user who triggered this task. New to Jules? Learn more at jules.google/docs. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This PR improves the accessibility of the
StationRowcomponent by ensuring keyboard users can access the delete button and screen reader users have proper context for inputs.Changes:
focus:opacity-100to the delete button incomponents/StationRow.tsx.aria-labelattributes to the "Arm" and "Weight" inputs incomponents/StationRow.tsx.aria-label="Item Name"to the name input for custom rows.PR created automatically by Jules for task 8007766341362866878 started by @8faizahmed