@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, 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 helpful
@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!
@vanzasetia
Posted
@ponisworld Happy to hear that was helpful! 😊