Clipboard Landing page

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted almost 2 years ago

  Hi, Kevin Koziol! 👋

  First, you need to put the <meta> viewport tag below the <meta charset="utf-8">. It is a piece of information that browsers need to find as soon as possible.

  Some other suggestions from me.

  • Alternative text for images should not contain any words that are related to "image" (e.g. picture, photo, logo, icon, graphic, avatar, etc). It is already an image element (<img>) so the screen reader will pronounce it as an image.
  • Add download attribute to each download button.
  • 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.
  • Wrap each social media icon with an <a>. It is a social media link of the company so it should be wrapped by an anchor tag.
  • Put the <footer> outside the <main> landmark. Otherwise, the <footer> will not have semantic meaning.

  I hope this helps. 🙂

  1