🎨 Palette: [UX improvement] Add contextual aria-labels and confirm dialogs - #67
🎨 Palette: [UX improvement] Add contextual aria-labels and confirm dialogs#67rauhmaru wants to merge 1 commit into
Conversation
Added aria-labels to the Edit and Remove buttons in visualizing product, cocktail and type lists. Also added the specific item name to the confirm dialog triggered when removing items to give more context. Co-authored-by: rauhmaru <2289237+rauhmaru@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. |
💡 What: Added contextual
aria-labels to the "Editar" and "Remover" buttons across the application (Products, Cocktails, and Types lists). Also updated theconfirm()dialogs to include the name of the specific item being deleted.🎯 Why: Generic buttons in lists (like a column of "Editar" buttons) are difficult for screen reader users to navigate because they all sound identical. Adding the item name provides the necessary context. Similarly, including the item name in the deletion confirmation dialog prevents accidental deletions by explicitly showing the user what they are about to remove.
📸 Before/After: Visuals haven't changed, but screen readers will now read "Editar Gin" instead of just "Editar", and the confirmation alert will say "Remover Gin?" instead of "Remover este produto?".
♿ Accessibility: Improved screen reader navigation for all list action buttons and reduced cognitive load/error risk for all users during destructive actions.
PR created automatically by Jules for task 4831331515286563067 started by @rauhmaru