Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive rating component

Hüsrev 60

@hsrvms

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@thomashertog

Posted

the solution is almost looking like the design, yet there are some serious accessibility improvements to be made.

  • you still have a lot of px values for width (and even height, which would be much better as min-height) so it isn't responsive in any way
  • there is no semantic HTML being used (e.g. <main>)
  • the rating is chosen from <li> instead of using radio-buttons in a <form>
  • heading levels are not being used consistently (imagine them like the input for a table of contents)

Marked as helpful

1

Hüsrev 60

@hsrvms

Posted

@thomashertog Thanks for your valuable comments, I will take them into consideration on my future projects.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord