Responsive Page with Email Validation & Typing Animation

Community feedback

• 

  Mert Evirgen•140

  @waldvoidPosted over 1 year ago

  Hi Ecem,

  • You may try giving an invalid e-mail error with event listener - blur when user enters an invalid e-mail and loses focus from the input field instead of showing error while writing the e-mail.
  • I like the transition on e-mail field but wished for a transition back when I lose focus from input area.
  • E-mail input does not have label, you can use aria-label attribute on your html to provide more accessibility for screen readers.
  • <img src="images/icon-arrow.svg" alt="arrow"> -->> button alt text can be more informative. Like "Subscribe to e-mail feed".

  Great work!

  Marked as helpful

  3

  ---

  

  Ecem Gokdogan•9,380

  @ecemgoPosted over 1 year ago

  @waldvoid

  I'll keep in mind what you suggest. I'll definitely add the aria-label and update alt attributes in this solution, and then apply them for the next projects. Thank you for your recommendations. :)

  1