Interactive Rating Component

Community feedback

• 

  P

  Vishika•420

  @VishikaPosted 3 months ago

  Nice solution, it matches the design quite closely!

  (ignore the following you didn't do this as part of the accessibility learning path) One way you can make this more accessible is by allowing for better keyboard navigation like this

    switch (event.key) {
      case " ":
        checkRating(rating);
        break;
      case "Up":
      case "ArrowUp":
      case "Left":
      case "ArrowLeft":
        checkPreviousRating(rating);
        break;
  
      case "Down":
      case "ArrowDown":
      case "Right":
      case "ArrowRight":
        checkNextRating(rating);
        break;
      case "Enter":
        submit(event);
        break;
      default:
        break;
    }
  

  0