🎨 Palette: Enhance accessibility and feedback for Welcome page buttons#436
🎨 Palette: Enhance accessibility and feedback for Welcome page buttons#436christopherfoxjr wants to merge 1 commit into
Conversation
This commit improves the micro-UX of the KibaOS Welcome page by: - Adding ARIA labels to action buttons for better screen reader support. - Implementing :focus-visible styles to improve keyboard navigation visibility. - Adding a subtle scale transition on :active state for tactile visual feedback. - Refined button transitions for smoother interaction. Co-authored-by: christopherfoxjr <213370400+christopherfoxjr@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. |
1 participant
🎨 Palette: Enhance accessibility and feedback for Welcome page buttons
💡 What:
Implemented surgical UX and accessibility enhancements to the action buttons within the embedded
welcome.htmlinbuild.sh.aria-labelattributes to the "Wiki", "Report Issue", and "GitHub" buttons.:focus-visibleoutline for keyboard navigation.transform: scale(0.98)active state for better click feedback.🎯 Why:
The previous buttons lacked accessibility metadata for screen readers and did not provide clear focus or active state indicators, making the onboarding experience less intuitive for some users.
♿ Accessibility:
aria-labeltags ensure that icon-only or shortened-text buttons are clear to assistive technologies.:focus-visiblestyles ensure that keyboard-only users can clearly identify which button is currently focused without impacting mouse users.PR created automatically by Jules for task 10267710985643814742 started by @christopherfoxjr