Solution using HTML, CSS & JS

Community feedback

• 

  T

  Grace•31,270

  @grace-snowPosted over 3 years ago

  Hello

  Check your html a- I thought you have a closing h2 tag that should be a paragraph (?)

  This form looks good. I think the js could be a lot simpler, but it all works fine.

  There is a great opportunity on this challenge to improve accessibility skills

  • label every input
  • link the error messages to their inputs with aria-describedby
  • use aria-live on error messages so they are announced by screenreaders
  • either move error icons to background images / pseudo elements or empty the alt value on them

  I hope these tips trigger you to learn more. God luck

  Marked as helpful

  0

  ---

  

  Abhineet Kandele•320

  @abhineetkandelePosted over 3 years ago

  @grace-snow Thanks a lot for taking your time to mention the improvements that can be done.

  I have done all the changes as per your helpful comments.

  0
• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  In a 1000px wide browser window to 1200px wide your layout needs to white space on the left and right of the layout

  Marked as helpful

  0

  ---

  

  Abhineet Kandele•320

  @abhineetkandelePosted over 3 years ago

  @palgramming Thanks for noticing that. Fixed that.

  0