Design comparison
SolutionDesign
Solution retrospective
Any suggestions will be appreciated :)
Community feedback
- @ChamuMutezvaPosted about 3 years ago
- when the presence of an image is there to just add some sparkle to the site then that image is decorative. It's alt should be written as
alt=""
, but if the image carries a message that users should know about then the alt value should be descriptive to benefit assistive tech users to visualize the message that is being put across. Words likelogo, image, graphic , picture etc
should not be included in the alt value, screen readers automatically announce those words.<img src="images/logo.svg" alt="logo_image" />
, so if this image is not described well it is not beneficial to assistive tech users and maybe it is just a decorative image. But since it is the logo an alt value that introduces the company can do
Marked as helpful0 - when the presence of an image is there to just add some sparkle to the site then that image is decorative. It's alt should be written as
- @ChamuMutezvaPosted about 3 years ago
Good work, you did well.
- the
main
is considered an important element that should be included in a site. - alt values must be descriptive to aid assistive technology users to visualize the message that is being put across. Decorative images should have an empty alt value.
- the button`s (hamburger /close) content can be visually seen, but the content cannot be available to assistive technology users as they are just images. I would suggest adding aria-label to the button
- the path of the main image should be reviewed, sometimes the image shows and sometimes it does not
Marked as helpful0@umairmaqbool3Posted about 3 years ago@ChamuMutezva thanks for the review. I'll consider the points for the next project. And please Guide me about this line "Decorative images should have an empty alt value." And for the last point, I reviewed the path it's working for me locally as well as online.
0 - the
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