🎨 Palette: UX and Accessibility Improvements#42
Conversation
- Improved accessibility in GameCard and GameDetailHeader by using semantic buttons and ARIA labels. - Added "Clear Rating" functionality to GameDetailHeader to allow unsetting personal ratings. - Enhanced keyboard navigation with focus-visible styles. - Fixed a build error caused by an unused state in GameScreenshotsCarousel. - Added missing translation keys for English and French. Co-authored-by: Gamepulse <8333979+Gamepulse@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. |
I have implemented a series of micro-UX and accessibility improvements to the Pascal Game Manager.
💡 What
<span>elements used as buttons inGameCardwith proper<button type="button">elements. Added descriptivearia-labelandtitleattributes to icon-only buttons and interactive tags.GameDetailHeader, allowing users to unset their rating.focus-visiblering styles to all interactive elements to ensure they are easily navigable via keyboard.GameScreenshotsCarouselby removing an unused state variable.clearRatingandquickAssignPlatformtranslation keys for both English and French.🎯 Why
nullstate once moved; a dedicated "Clear" button solves this UX gap.♿ Accessibility
aria-hidden="true".Verified with
pnpm build,pnpm test, and manual visual verification via Playwright.PR created automatically by Jules for task 11363975026776066711 started by @Gamepulse