Pod request access landing page solution (HTML + SCSS + JS)

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  Hi, Mateus Belício! 👋

  Add alternative text to the logo. Logo is an important content of the page. It is not decorative, and not the one with blank alternative text (alt=""). Without that information, a screen reader user or a search engine will not know what the site/project is called.

  Not every image needs alternative text. Decorative images should not have alternative text (alt=""). This will tell the screen reader to skip over the image. As a result, it saves screen reader users time navigating the page.

  For your information, decorative images are images that don't add any information and serve only aesthetic purposes.

  The error message of the email input should be programmatically connected with the <input> by using aria-describedby. After that, make the error message a live region by using aria-live attribute. This way, as soon as the <p> gets populated with the error message, screen readers will pronounce it.

  Learn more — How To Create Accessible Form with Simple Design? — Vanza Setia

  I hope this helps. Happy coding! 😄

  Marked as helpful

  1

  ---

  

  P

  Mateus Belício•710

  @mateusbelicioPosted over 1 year ago

  Hey, Vanza! 👋🏻

  Thank you very much for the feedback, I will implement these fixes soon. 😁

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 1 year ago

  @mateusbelicio

  Good!

  0