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 (HTML+CSS+JS)

AziraalDev 100

@AziraalDev

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


Hi everyone! If anyone can help with accessibility of inputs in my code - i'll be appreciated. The idea is that someone who want to use only keyboard can TAB through all inputs (in my case they are hidden and user can jump from one label to another).

Community feedback

@freaky4wrld

Posted

Hey there, well done you did it great, here's what you can do :-

  • either of making your .text_number a span element you can use a button element, that will do the work and make it possible to tab through the ratings

  • for providing the tabbing experience to the user, you have to make your element either

    • button element
    • a(link) element

Hope it helps in achieving what you wanted..........glad I can be of any use :)

Marked as helpful

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