Design comparison
SolutionDesign
Solution retrospective
- mobile-first approach 📱
- client-side validation for password. 🔒
I would greatly appreciate any feedback 🚀
Community feedback
- @vanzasetiaPosted over 1 year ago
Hi, Robert Strzelczyk! 👋
A couple of suggestions:
- Use
<p>
element to hold the error message. Always wrap text content with a meaningful element. - Programmatically connect the error element with the input using
aria-describebdy
attribute. This way, the screen reader announces the error message for the right field. - The value of the input should not be removed if the users try to submit an invalid value. Also, it confuses me because the value becomes a placeholder.
- The password criteria should always be visible. It should be available when the users visit the page.
I hope my suggestions are useful for you. Have fun coding! 😄
Marked as helpful0 - Use
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