Huddle landing page with single introductory section
Design comparison
Solution retrospective
All feedbacks are welcome, Thank you!
Community feedback
- @vanzasetiaPosted over 1 year ago
Hi, Prithivi Raj! π
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-textNot every image needs alternative text. Decorative images should not have alternative text (
alt=""
). This will tell the screen reader to skip over the image. As a result, it saves screen reader users time navigating the page.For your information, decorative images are images that don't add any information and serve only aesthetic purposes.
Don't use
<div>
unnecessarily. For example, you don't need to wrap the<h1>
with a<div>
.Each of the social media icons should be wrapped by an anchor tag. They act as social media links for the company.
(The alternative text of the social media icon is the label of the link.)
Remove the word "logo" from the alternative text. The semantic meaning of the
<img>
element is already telling the users that it is an image.I hope this helps. Happy coding! π
Marked as helpful0@prithiviraj275Posted over 1 year ago@vanzasetia Thanks a lot for the suggestions, I will add these and improve my solution.
0
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