Submitted almost 2 years ago
Interactive Rating Component (HTML + CSS + JS + Animations) 🚀
@aandreluis
Design comparison
SolutionDesign
Solution retrospective
Hello, that's my solution to the challenge! 👨💻
In addition to the challenge, I added animations to make the card more interactive. 🤠
Community feedback
- @VCaramesPosted almost 2 years ago
Hey there! 👋 Here are some suggestions to help improve your code:
- The “icons/illustrations” in this component serve no other purpose than to be decorative; They add no value. There
alt tag
should be left blank and have anaria-hidden=“true”
to hide them from assistive technology.
More Info:📚
https://www.w3.org/WAI/tutorials/images/
- Inside the
form
there should be alegend
for accessibility and afieldset
to prevent more than one button from being selected.
More Info:📚
MDN <fieldset>: The Field Set element
- The
attribution
should be wrapped in afooter
element.
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!🎄🎁
Marked as helpful1 - The “icons/illustrations” in this component serve no other purpose than to be decorative; They add no value. There
- @catherineisonlinePosted almost 2 years ago
Looks awesome, love the loading animation part!
1
Please log in to post a comment
Log in with GitHubJoin 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