Submitted almost 2 years ago
Mobile first interactive rating component made with form
@smarko-web
Design comparison
SolutionDesign
Community feedback
- @VCaramesPosted almost 2 years ago
Hey there! 👋 Here are some suggestions to help improve your code:
- Your component’s styling needs to work to better match the FEM design.
- Along with the blank
alt tag
, you also want to include thearia-hidden=“true”
to your “ images/illustrations” to fully remove them from assistive technology.
More Info:📚
https://www.w3.org/WAI/tutorials/images/
- Your
form
is lacking a visually hiddenlegend
for accessibility and afieldset
to prevent users from selecting more than one rating.
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!🎄🎁
0
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