Ping coming soon page with Email validation using JavaScript

Hi, Muthu Kumar N P! 👋

The alternative text of the logo should be the company name instead of "Company logo".

You should give the <input> a label by using aria-label attribute.

The error message should be wrapped by a paragraph element. Remember, text content should be wrapped by a meaningful element.

The error message should also be programmatically connected with the associated <input>. Then, it should be a live region by adding aria-live attribute. This way, the screen readers will read the message as soon as it gets populated with text through JavaScript.

Learn more — How To Create Accessible Form with Boring Design? - CodeNewbie Community 🌱

illustration-dashboard.png is a decorative image. For your information, decorative images are images that don't add any information and serve only aesthetic purposes.

Links must have accessible names. You can use aria-label to provide an accessible name to each link.

Avoid using JavaScript to add styling (unless you have no other option). JavaScript allows you to change the CSS code using the style property. But, to make debugging easier and improve code maintainability, it’s best to avoid it. Use CSS classes instead.

I recommend using const for the validRegex variable. Also, I recommend improving the name of the variable to emailRegex. Doing this will make clear the purpose of the regular expression.

I hope you find this useful. Happy coding! 😄