Skip to content
Submitted about 1 year ago

Interactive rating component (HTML+CSS+JS)

AziraalDev•100
@AziraalDev
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

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

  • Nayan Bhatt•980
    @freaky4wrldPosted about 1 year ago

    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

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