rock-paper-scissors game

Community feedback

• 

  Marissa Huysentruyt•165

  @marissahuysentruytPosted over 1 year ago

  Hey @FireFrozen, nice work! I love the script for keeping the score between refreshes! 🔥

  I've been learning a lot lately about accessibility (Global Accessibility Awareness Day is coming up in May!). I wonder if you could refactor this so that the game is keyboard accessible. Unfortunately, if I was someone who couldn't or preferred not to use a mouse for some reason (I'm thinking of people with fine motor issues like Parkinson's or severe arthritis, or with disabled arms/hands, etc), I can't seem to navigate to the rock, paper, scissors options! ☹️

  Right now, if I try to tab or navigate to the game with only the keyboard, I can only get to the Rules button and the attribution links. I bet if the rock/paper/scissors were buttons instead, then someone who is using their keyboard would be able to participate! 🥳

  Inside the Rules modal, there's also tons of improvements that could be made so that the modal is also WCAG compliant. The Deque example is pretty good, fairly simple, and shows that in order to be accessible, a modal has to have particular keyboard functionality (like the trapped focus), has some other semantic features, and more. Here's another good page to learn about some basic accessible modals.

  Well done!

  Marked as helpful

  1