Udemy's Guess My Number Project

This project is based on Jonas Schmedtmann's The Complete JavaScript Course 2024: From Zero to Expert! After completing the original game, I enhanced it to be fully accessible for keyboard and screen reader users so that everyone can join in the fun.
Key Accessibility Enhancements:
-
Improved Screen Reader Context:
Added meaningful labels and descriptions for the "Again!" and "Check!" buttons and the input field. These additions help screen reader users understand each element's purpose and how to interact with them. -
Keyboard Interactivity:
Enabled full keyboard support for the "Again!" and "Check!" buttons. Also allowed users to press Enter while focused on the input field to trigger the "Check!" button functionality—improving usability for keyboard-only users. -
Dynamic Feedback for Screen Readers:
- When the input field is focused, screen readers announce "Start guessing", giving users immediate context.
- After a guess is submitted, screen readers announce whether the guess is too high or too low, along with the current number of guesses remaining (score).
- When a user guesses correctly, the screen reader announces that the guess is correct, states the final score and high score, and shifts focus to the "Again!" button to encourage replay.
Skills & Tools Used:
- HTML, CSS, JavaScript
- ARIA (Accessible Rich Internet Applications)
- NVDA Screen Reader
- Keyboard Accessibility Testing