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

a11y ratings submission with CSS and JS

P
Sam Hookerā€¢ 410

@35degrees

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


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

I'm proud that I took time to work out solutions to the form submission and checkbox responsiveness and pseudo-elements myself. I started with the JS structure but the design and layout was more interesting to me and got me sidetracked. I want to complete the JS first before building the layout in the future. I'm excited with how the animations turned out.

What challenges did you encounter, and how did you overcome them?

adding a11y and tabindex functionality was tricky. I was able to get tab entry working but it's not perfect. I have a lot of div headers that I couldn't make any more semantic.

What specific areas of your project would you like help with?

The a11y output isn't perfect and and jerry-rigged a lot of it at the end, adding random 'aria-labels'.

Community feedback

P
Marc Francisā€¢ 520

@marcfranciss

Posted

Impressive solution to this challenge! šŸ’Æ I really like your flip animation upon submission!

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