Skip to content
Submitted 6 months ago

Interactive rating component with accessible form controls

#accessibility
P
Eli Silk•850
@elisilk
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I focused a lot on using semantic HTML and the accessibility features of the built-in form controls to make sure that this component was fully keyboard accessible. I definitely wanted to make sure none of my styling of the radio buttons would interfere with any of those built-in features, and I think it turned out pretty well.

Community feedback

  • AymaneOnline•330
    @AymaneOnlinePosted 5 months ago

    I have nothing to say, I've actually learned from your solution a lot. Good Luck! 👍

    0
    P
    Eli Silk•850
    @elisilkPosted 5 months ago

    Hi @AymaneOnline, that's great. I'm glad you found the solution helpful. Best of luck with your coding.

    Eli

    0

Please log in to post a comment

Log in with GitHub

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