🎨 Palette: Improve Game Detail accessibility and UX#52
Conversation
- Add 'Clear Rating' button to reset personal rating to null. - Convert folder path from paragraph to semantic button for better keyboard support. - Add focus-visible styles to all interactive elements in the header. - Add ARIA labels to favorite button and rating input. - Mark decorative text and icons as aria-hidden. - Add necessary translation keys for 'Clear Rating' in EN and FR. - Fix blocking TS error in GameScreenshotsCarousel.tsx (unused variable). - Update Palette journal with learnings. 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. |
1 participant
Improved the accessibility and user experience of the Game Detail header. Key changes include:
focus-visiblering indicators. The folder path is now a semantic<button>instead of a<p>tag.aria-labelto the favorite button and range input. Decorative elements like the "PPGM" mask and emojis are now hidden from assistive technologies.clearRatingtranslations for both English and French.PR created automatically by Jules for task 12542248008040704368 started by @Gamepulse