What is Alt Text?
Alt text is the hidden alternative text displayed when an image cannot be loaded. It provides a visual representation of an image for the reader and helps search engines understand the content of the website.
Alt text should be used when images are not accompanied by any other text, such as in multimedia content. It should also be used with interactive images to provide a better user experience.
Why Does it Matter?
Alt text is important because it provides context to the user in case they cannot view the image. It can also provide additional information about the image, such as its location, what it is depicting, and who created it.
Alt text is essential for SEO as it helps Google understand what a page is about. It also helps with accessibility, search engine optimization, and website usability.
Why is Alt Text essential for SEO?
The alt text is a key part of the HTML code used to provide a textual alternative for images. Search engines cannot read images, so they use the text provided in the alt attribute. Alt-text is one of the most important aspects of SEO. It’s a brief description of the image on your webpage, and both humans and search engines can see it.
Alt text should be concise, unique, and relevant to the page content. The keyword should be in the first sentence of your alt text, and it should not exceed 150 characters.
Why is Alt Text Important for Accessibility?
Alt text is an image’s alternative text. It provides a textual description of an image when the user cannot see it. This is because the image might be too small or might not load for any reason.
Alt text is essential for accessibility because, without it, people with disabilities who rely on screen readers or other assistive technologies will not be able to understand what an image contains.
Alt text should always provide information about what can be seen in the photo and what the photo depicts. It should also include information about where and when the photo was taken and any other relevant details necessary to understand its context.
Alt text should be written in plain language so that users without disabilities can understand what they are looking at. For example, instead of writing “a cat” one could write “a black and white cat.”
How does Divi handle alt text?
Before the release of Divi 4.4, it was not possible to autoload the Alt text for images in Divi from the WordPress Gallery, but as of Divi 4.4, when you add an image, the alt text will automatically be generated for you based on what’s in the image file name or what’s in the image caption if you don’t have a file name. You can also manually add or change the alt text from the advanced tab in module settings.
Problem with How Divi Handles the Alt Text
There are two issues with how Divi handles the Alt Text
- If you have an existing website developed before the launch of Divi 4.4, then it’s most likely you haven’t alt text added for images unless you did it manually.
- If you need to change the Alt Text in the WordPress gallery after adding the image to a page via image-specific modules, then Divi will not update the alt text automatically. You’ll need to check all the occurrences for the image and update the alt text manually.
Solution – Divi Accessibility Helper Plugin
Along with many other Accessibility options, Divi Accessibility Helper allows you to automatically and dynamically get the alt text and title text for images from the WordPress media library for the following modules:
- Fullwidth image
- Fullwidth header
- Fullwidth slider