🎨 Palette: Improve game accessibility with keyboard hints and ARIA live regions#111
🎨 Palette: Improve game accessibility with keyboard hints and ARIA live regions#111
Conversation
- Added a helpful "Space or ↑ to jump" hint below the score. - Added `aria-live="polite"` and `aria-atomic="true"` to the score element so screen readers announce score changes. - Added `aria-hidden="true"` to the visual hint to prevent screen reader redundancy. - Added a subtle text-shadow to make text more readable against the blue background. 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. |
Removed the standard library module `venv` from `requirements.txt`. It cannot be installed via pip, which was causing the CI job to crash with a "No matching distribution found for venv" error across all Python versions. Co-authored-by: EiJackGH <172181576+EiJackGH@users.noreply.github.com>
1 participant
💡 What:
aria-live="polite"andaria-atomic="true"to the score element.aria-hidden="true"to the visual hint.text-shadowto improve text readability against the blue background.🎯 Why:
New users loading the game previously had no visual indication of what keys to press to jump. Adding the hint makes the interaction immediately clear without requiring trial and error. Furthermore, screen reader users were not being notified when their score increased. Adding
aria-liveregions ensures the game state is communicated accessibly.📸 Before/After:
See attached Playwright screenshots in PR verification. The text is now more legible and explicitly tells users how to play.
♿ Accessibility:
aria-live="polite"ensures screen readers announce score updates as they happen.aria-hidden="true"on the visual hint ensures screen reader users aren't confused by decorative visual text.PR created automatically by Jules for task 13164597716187398272 started by @EiJackGH