Interactive rating component - Introduction to web accessibility path

Community feedback

• 

  haquanq ®️•1,585

  @haquanqPosted 4 months ago

  Hello @Andro87,

  Nice work, your solution looks good!!

  About web accessibility, the most basic practice is keep your HTML structure clean and clear (has good semantic, the flow of content is the priority when first structuring the layout). Further more about using ARIA specifications on elements, you can start by reading guidelines on this site.

  Here is something you can improve:

  • Whenever you want to send data away, use form element with inputs. In your case, you need to wrap all inputs inside form. Further more, wrap all related inputs inside fieldset with legend contains a short and descriptive explanation about how should these inputs inside fieldset should be used (hide it with CSS for screen readers).
  • You can just put input element inside label to make it cleaner (no need for div).

  <fieldset>
     <legend>Do something with these inputs</legend>
     .... inputs ....
  </fieldset>
  

  Have a nice day!!!

  Marked as helpful

  1

  ---

  

  Andro87•1,460

  @Andro87Posted 4 months ago

  Hello @haquanq,

  Thank you for your suggestions and your time!

  Happy coding!!!!

  0