🎨 Palette: Micro-UX and Accessibility Improvements#19
Conversation
- Enhanced search bar accessibility in shared list template by adding ARIA labels and using DaisyUI 'join' component. - Improved login form accessibility with proper ID/Label associations. - Added keyboard accessibility (role="button", tabindex, onkeydown) to QuickScan modal selection cards. - Marked decorative icons as aria-hidden. - Updated .Jules/palette.md with accessibility patterns. Co-authored-by: Woschj <81321922+Woschj@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. |
This PR implements a set of micro-UX and accessibility improvements across key application templates.
💡 What:
app/templates/shared/list_base.html: Addedaria-labelto the search input and button. Converted the legacyinput-groupto the modern DaisyUIjoincomponent.app/templates/auth/login.html: Addedidandforattributes to form fields to ensure proper semantic binding for screen readers and improved click targets.app/templates/components/quickscan_modal.html: Added keyboard navigation support to the selection cards usingrole="button",tabindex="0", andonkeydownhandlers. Addedaria-labelto the modal close button and selection cards.🎯 Why:
To ensure the application is more accessible to users with screen readers and those who rely on keyboard navigation, and to modernize some of the UI components.
♿ Accessibility:
PR created automatically by Jules for task 14421653745360550204 started by @Woschj