JS for Form validation

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  Hi, Islam Soliman! 👋

  The alternative text for the logo should be the company name, not the word "logo". Also, alternative text for images should not contain any words related to "image" (such as picture, photo, logo, icon, graphic, avatar). It is already an image element (<img>) so the screen reader will pronounce it as an image.

  I recommend adding the novalidate to the <form> element through JavaScript. This way, if the script fails to load then, the native validation can work.

  <input> element must have a label. In this case, you can use aria-label attribute to label the email input.

  The error message should be connected programmatically with the associated input. You can connect them with aria-describedby attribute. After that, the error message should be a live region. You can make it a live region by using aria-live attribute.

  If you want to learn more about creating an accessible form validation, you can read my blog post — How To Create Accessible Form with Simple Design?

  I hope my suggestions are useful. Happy coding! 😄

  Marked as helpful

  0

  ---

  

  P

  Islam Soliman•440

  @simokitkatPosted over 1 year ago

  Hi @vanzasetia !

  Thank you for your feedback! I certainly learned something new from your comment!

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  @simokitkat

  No problem!

  0