Design comparison
SolutionDesign
Community feedback
- @VCaramesPosted about 1 year ago
Hey there! 👋 Here are some suggestions to help improve your code:
create-react-app
is deprecated, so it is no longer supported. Instead you want to use a modern framework, such as Vite, to built your app with React.
More Info:
- The icons/illustration in this challenge are purely decorative so there
alt
tag should be left blank, so that screenreader will ignore them.
- Unfortunately the HTML for the rating part needs to be rewritten as it was done incorrectly.
To ensure the ratings are fully accessible to all users and are built with the proper elements, the entire rating part needs to be built using a
form
element.- Wrap all elements within a
fieldset
, which will contain a visually hiddenlegend
using CSS. - Within the
fieldset
, include five (5)input radio
elements, each associated with a correspondinglabel
to enhance the accessibility of the "ratings." - Lastly, include a
button
to allow users to submit their selection.
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding! 👾
Marked as helpful1
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