Design comparison
Community feedback
- @Pranshu-SahuPosted almost 2 years ago
Hi @kpransy613,
I have few suggestions for you to improve your code -- Images must have alternate text
---It is important for images to have alternate text, also known as "alt text," for a number of reasons. Alt text is a brief description of an image that is displayed when the image itself cannot be displayed, such as when a user is using a screen reader due to a visual impairment. It is also displayed if a user has images disabled in their browser or if the image fails to load for some reason.
Alt text is important for accessibility because it allows people with visual impairments to understand the content of an image and to navigate a website or document more easily. It also helps search engines to understand the content of an image, which can improve the website's search engine optimization.
Including alt text for images is a requirement of the Web Content Accessibility Guidelines (WCAG), which are a set of internationally recognized guidelines for making web content more accessible to people with disabilities. Failing to include alt text for images can make a website or document difficult or impossible for people with visual impairments to use, and can also result in penalties or other negative consequences for the website owner.
In general, the alt text for an image should be concise and describe the content of the image as accurately as possible. It should not be too long or too short, and should avoid using overly complex language. For example, the alt text for the image you provided might be something like "Illustration of a box on a desktop computer screen." Hope you will find it helpful. Happy coding
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