Submitted almost 2 years ago
First Solution and probably the best and prettiest webpage I made!
@ponisworld
Design comparison
SolutionDesign
Solution retrospective
I'll be glad to receive any feedback !
Community feedback
- @vanzasetiaPosted almost 2 years ago
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, usearia-label
to give label each link so that the screen readers know how to pronounce them. - Avoid using
px
unit for font sizes. Userem
orem
instead. Relative units such asrem
andem
can adapt when the users change the browser's font size setting.
I hope you find this useful.
Marked as helpful1@ponisworldPosted almost 2 years ago@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@vanzasetiaPosted almost 2 years ago@ponisworld Happy to hear that was helpful! 😊
0 - For images containing text, make sure the alternative text includes the image's text. In this case, the Huddle logo should have an
- @EileenpkPosted almost 2 years ago
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 GitHubJoin 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