Frontend Quizz App using HTML, CSS and Vanilla JavaScript

Community feedback

• 

  P

  Eli Silk•720

  @elisilkPosted 3 months ago

  Hi 👋 @aouintihouari,

  Congrats on a great solution. 👏 I love that you implemented the light/dark theme toggle switch, that your design layout is nicely responsive. Overall, the solution looks and functions very similar to the design. Nice job!

  If you are up for diving in just a little further 🤿, I'd suggest taking the keyboard accessibility one step further by making your buttons accessible. Currently, on your game-screen, the answer choices are nicely accessible by hitting the tab key to navigate between the choices and the enter/return key to select one, which is great. Building on those great choices, I think it would be good to consider switching your button element from a <div class="btn"> to a <button class="btn"> element. The <button> element has standard keyboard interactivity built into it (that a regular <div> doesn't have). That way when a user is tabbing through the answer choices and selects one, they can then continue to tab along to the "Submit Answer" button, and then hit the return/enter key to submit their choice. Of course, you could make similar changes to the "Next Question" button, the "Play Again" button, and the start menu choices as well if you were up for that.

  Anyway, just an idea to consider if you are thinking about improving on this solution. 🤔

  Happy coding. 💻

  Eli

  Marked as helpful

  1

  ---

  

  P

  Houari Aouinti•930

  @aouintihouariPosted 3 months ago

  @elisilk Thank you so much for your review and for taking the time and effort to read my code. I appreciate it.

  0