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 with ARIA

Romen 50

@romenter

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


This challenge its can only be for newbies if you used some library like React or Angular.

If you be used JS vanilla you be to know:

Practice and study DOM, i recomend you take a view to ARIA method. Please read the indications in github code if you going to copy this solution.

have a nice code day 🚀🧡

Community feedback

@tiago-jv0

Posted

Could I ask a question ? I'm really curious why you didn't use radio inputs for this one, did you see any benefits using buttons instead of radio inputs ? i think from the perspective of accessilibity it does not makes much sense.

0

Romen 50

@romenter

Posted

@tiago-jv0 because i don't know how, and i don't really know about radio inputs hehe. I'm try do with radio, but i can't (i dont know why). The accesibility tag is because the official document about ARIA method say is make for accecibility. tnks for your coment, and in next project i will be aware

0

@tiago-jv0

Posted

@romenter Oh, I understand, It is a great thing that you are learning about accessibility, not everyone cares about that and it is such an important topic in web development, great job, keep on learning!!!

About the radio buttons, if you have time, give this tutorial a chance, i think it will give you an understanding about how to create custom radio inputs: https://www.youtube.com/watch?v=5K7JefKDa4s

1
Romen 50

@romenter

Posted

@tiago-jv0 i will see it, thank you tiago. lets be in touch

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