Design comparison
SolutionDesign
Solution retrospective
Any suggestions on ow I can improve the active states of the form section?
Community feedback
- @khalisabrahmanPosted over 3 years ago
Thank you so much for taking the time to provide the feedback!
Will put in place the recommendations in the project.👍
1 - @MasterKrabPosted over 3 years ago
Great job on this challenge!
I have a couple of recommendations:
- The
input
should have a valid accessibility name, such as alabel
with afor
attribute or anaria-label
. Also since it is a field for the email it should havetype="email"
.
<label for="email">Email</label> <input type="email" id="email"> <-- Or ---> <input type="email" aria-label="email">
- The
section
andarticle
should have a title (h1-h6
), or you can use anaria-label
as well.
<article> <h2>Title</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </article> <-- Or --> <article aria-label="Title"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </article>
0 - The
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