Multi-step form (MobileFirst + HTML,CSS,JS)

Community feedback

• 

  Abdul Khaliq 🚀•72,380

  @0xabdulkhaliq

  Posted about 2 years ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

  ---

  LABELS 🔖:

  • input elements wants a label associated with it

  ---

  • A <label> is used to create a caption for a form control. The <label> can be associated with a form control either implicitly by placing the control element inside the label element, or explicitly by using the for attribute

  ---

  • Effective form labels are required to make forms accessible. The purpose of form elements such as checkboxes, radio buttons, input fields, etc, is often apparent to sighted users

  ---

  • Even if the form element is not programmatically labeled. Screen readers users require useful form labels to identify form fields, So here using aria-label="{values}" attributes for input is enough to be accessible

  ---

  • Example:

  <input type="text" aria-label="First Name" placeholder="First Name" id="first-name" name="first-name">
  

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  11

  Marked as helpful
• 

  Waldemar Glaz•845

  @waldekglaz

  Posted about 2 years ago

  Hi

  It looks good.

  You could use type="tel" for Phone Number field and add some validation to make it perfect.

  11

  Marked as helpful
• 

  Momin Riyadh•370

  @momin-riyadh

  Posted about 2 years ago

  If I have to learn something from you, it's vanilla Javascript Perfect! Good Job

  Moreover, you need to subscribe, and to get started, follow this link. It'll take you to the course's website, where you can sign up and start your JavaScript learning journey. Don't worry; the beginner-friendly system is designed to help you grasp the fundamentals.

  00