Interactive rating component using ReactJS

Community feedback

• 

  Matt Seidel•570

  @mseidel819Posted over 2 years ago

  This looks great!

  a couple super easy fixes that will get rid of some accessibility and HTML issues:

  • make sure to put alt tags on all of your images. Because your images in this app are more for style, and not necessarily "important" to the users functional experience, you could add alt="" inside your images.

  • the id tag can only be used once. It is a very specific property. try changing your id=btn2 to class=btn2.

  • I think if you change your <div className="App"> to <main className="App"> you will clear up another accessibility issue.

  • You need an <h1> tag somewhere (but only 1). Maybe try changing <h2>How did we do?</h2> to <h1>How did we do?</h1> (and then style it so that it looks the same as before).

  I THINK this should clear everything up. Then, this app will be looking really clean!

  Marked as helpful

  0

  ---

  

  Dhananjay•50

  @dhananjaysahu79Posted over 2 years ago

  @mseidel819 Thanks a lot, I've updated the code

  0