Huddle Alt Blocks Landing Page - Responsive

Community feedback

• 

  バレンタイン 😈•64,170

  @VCaramesPosted about 2 years ago

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

  • The “Illustrations” serve no other purpose than to** be decorative**; They add no value. Their Alt Tag should left blank and have an aria-hidden=“true” to hides it from assistive technology.

  • The “icons” (not the social media icons) in the footer are purely decorative, so their Alt Tag should be left blank and have an aria-hidden=“true” to hides it from assistive technology.

  • The footer “phone” and “address” should be wrapped in Anchor Tags, so users can easily click on them and have the appropriate app open for them.

  • The footer links need to be wrapped inside a nav element and should only be one single list.

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

  • The “social media icons” are not decorative, they need to have an Alt Tag with a description.

  • Your CSS Reset is extremely bare and being underutilized. To fully maximize your CSS reset, you want to add more to it.

  Here are few CSS Resets that you can look at and use to create your own or just copy and paste one that is already prebuilt.

  https://www.joshwcomeau.com/css/custom-css-reset/

  https://meyerweb.com/eric/tools/css/reset/

  http://html5doctor.com/html-5-reset-stylesheet/

  Happy Coding! 🍂🦃

  Marked as helpful

  0