Huddle landing page with a single introductory section using HTML+CSS

Community feedback

• 

  Vanza Setia•27,715

  @vanzasetia

  Posted over 2 years ago

  Hi! 👋

  Congratulations on finishing this challenge! 🎉

  The style guide tells you to get the social media icons from either of those three resources.

  I recommend only downloading the necessary social media icons instead of importing the whole Ionicons. It makes the site load faster.

  Some suggestions from me.

  • Alternative text for the logo should not be "logo". It should be the name of the site, "Huddle".
  • 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 need to exist on the page. They don't add any information and serve only aesthetic purposes.
  • button element must always have type attribute to prevent unexpected behavior. Source: Checklist - The A11Y Project #use-the-button-element-for-buttons
  • Each of the social media icons should be wrapped with an anchor tag. They are the social media links of the company.
  • Add rel="noopener" to all links that have target="_blank". It helps protect users of legacy browsers from security issues.
  • Use em unit for media queries. It adapts when the users change their font size setting.
  • Never limit the height of the body element. It should always fill the entire page. Set min-height: 100vh instead if you need to set a height to it.

  I hope this helps. Happy coding!

  11