🎨 Palette: Enhance game HUD accessibility and instructions#169
Conversation
Adds explicit visual keyboard instructions to the Mario game and applies aria-live="polite" and aria-atomic="true" to the dynamic score counter for screen reader support. Also removes an invalid 'venv' entry from requirements.txt that breaks pip installation. Co-authored-by: EiJackGH <172181576+EiJackGH@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
💡 What
Added visible instructions ("Press Space or ↑ to jump") to the
mario-game.njkHUD. Also added ARIA live region attributes to the dynamic score counter. As a drive-by fix to restore test capabilities, removed the invalidvenventry fromrequirements.txt.🎯 Why
Interactive HTML5 games often lack visible control hints, leaving new users guessing how to interact with the game. Furthermore, dynamic text updates (like a score counter) are silent to screen readers by default. These small additions make the interface significantly more intuitive and accessible.
📸 Before/After
Before: No instructions; screen readers remain silent when the score changes.
After: A subtle instruction text appears below the score. Screen readers will gracefully announce score changes.
See attached Playwright screenshots/videos for visual verification.
♿ Accessibility
aria-live="polite"andaria-atomic="true"to the#scoreelement, ensuring assistive technologies correctly announce the updated score as Goombas are defeated without rudely interrupting the user.PR created automatically by Jules for task 13201551140445656451 started by @EiJackGH