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

First Solution and probably the best and prettiest webpage I made!

Andrea 240

@ponisworld


Design comparison


SolutionDesign

Solution retrospective


I'll be glad to receive any feedback !

Community feedback

Vanza Setia 27,855

@vanzasetia

Posted

Hi, Andrea!

Here are some ideas to improve this solution.

  • For images containing text, make sure the alternative text includes the image's text. In this case, the Huddle logo should have an alt value of “Huddle .” Reference — Checklist - The A11Y Project #for-images-containing-text-make-sure-the-alt-description-includes-the-images-text
  • Wrap each of the social media icons with <a>. Then, use aria-label to give label each link so that the screen readers know how to pronounce them.
  • Avoid using px unit for font sizes. Use rem or em instead. Relative units such as rem and em can adapt when the users change the browser's font size setting.

I hope you find this useful.

Marked as helpful

1

Andrea 240

@ponisworld

Posted

@vanzasetia Thank you so much! Was so helpful, specially for the last point you mentioned, I didn't know that the rem and em units will take in care the font-size preference of the user!

0
Vanza Setia 27,855

@vanzasetia

Posted

@ponisworld Happy to hear that was helpful! 😊

0
P

@Eileenpk

Posted

Hi Andrea! your project looks great, it is clean and well-structured. Very pretty, keep up the good work!

Let's connect on LinkedIn! www.linkedin.com/in/eileen-dangelo

1

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