🎨 Palette: Add keyboard hints and score accessibility to Mario game#151
🎨 Palette: Add keyboard hints and score accessibility to Mario game#151EiJackGH wants to merge 1 commit into
Conversation
- Added visual keyboard hint for interaction discovery. - Added `aria-live` and `aria-atomic` to score for screen readers. - Cleaned up invalid `venv` entry in `requirements.txt`. 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. |
|
Stale pull request message |
1 participant
💡 What
Added a small visual hint ("Press Space or Up Arrow to jump") in the top right corner of the Mario game widget, and improved the accessibility of the dynamic score counter. Also resolved a minor environment issue where
requirements.txtcontained an invalidvenventry that broke CI pipelines and local installations.🎯 Why
Without standard native controls (like a
<button>), users playing custom canvas or DOM-based games don't inherently know which keyboard keys they are supposed to press to interact. The added text hint makes the interaction immediately discoverable without trial and error.♿ Accessibility
The
#scoreelement is now decorated witharia-live="polite"andaria-atomic="true". This ensures that screen readers will reliably and politely announce the player's score as it updates during gameplay, providing critical context to visually impaired users that would otherwise be missed.📸 Before/After
(Visual changes verified locally via Playwright headless testing: The new
#controlselement accurately mirrors the styling of the#scoretext on the opposite side of the screen.)PR created automatically by Jules for task 5063434797292382720 started by @EiJackGH