Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle Alt Blocks Landing Page - Responsive

@Roneeey


Design comparison


SolutionDesign

Community feedback

@VCarames

Posted

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

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord