Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Sign Up Form

@rStrzelczyk98

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • mobile-first approach 📱
  • client-side validation for password. 🔒

I would greatly appreciate any feedback 🚀

Community feedback

Vanza Setia 27,795

@vanzasetia

Posted

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 helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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