ping-coming-soon-page

Community feedback

• 

  バレンタイン 😈•64,170

  @VCaramesPosted almost 2 years ago

  Hey there! 👋 Here are some suggestions to help improve your code:

  • • The logo is not not decorative, Its alt tag should not be blank. The description should state the company’s name.

  • The intro heading and paragraph should be wrapped inside a header element.

  • Your “error message" needs to be wrapped inside a form and your input should have a visibly hidden label attached to it for improved accessibility.

  More Info:📚

  MDN Email Input

  • The “illustration” in this component serve no other purpose than to be decorative; it adds no value. Its alt tag should be left blank and have an aria-hidden=“true” to hide it from assistive technology.

  More Info:📚

  https://www.w3.org/WAI/tutorials/images/

  • Keep your CSS in a single file, no need to separate everything into separate files; easier to maintain and read.

  • When the user enters a valid email, I recommend adding some sort of confirmation stating that the email is valid to improve user experience.

  Here is an example of how it can look: **Example

  If you have any questions or need further clarification, feel free to reach out to me.

  Happy Coding!🎄🎁

  Marked as helpful

  1

  ---

  

  Beatriz•660

  @beatrizangPosted almost 2 years ago

  @vcarames Ok thanks for the suggestions!

  1