As you include photos and other images on your webpages, it is important that you include "alt" text. This is alternative text that will display for users with disabilities, who may use a screen reader application. It is important for accessibility compliance and is a good habit to get into for effective SEO. Including alt text is part of a healthy website and a successful SEO strategy.
However, this is trickier than it sounds and should be carefully done.
The good news: not every image should have a value set for its alt attribute. But each image should have the alt text code (alt="").
When you are using alt text, a good rule of thumb is to keep it at fewer than 125 characters. If you write longer, the text will likely be cut off by screen-reading tools.
The image is text only.
If the text in the image is relevant to the surrounding content write the alt text verbatim to the graphic’s text.
If the text in the image is not relevant to the surrounding content leave the alt tag empty.
Only write the name of the company. Do not include "logo"; it is not necessary
alt= "LRS"; not "LRS logo"
The image adds to the content and adds value to the other text. It is not decorative.
The text should describe the photo. Keep the text minimal. See below for more detail.
The image does NOT add any value to the rest of the content. "Presentation only" images.
Leave the alt tag empty. Screen readers will bypass the image.
The image is next to the related text.
Leave the alt tag empty. Don’t repeat content.
Decorative Images /Window Dressing/Eye Candy:
Images may be decorative when they are:
Leave the alt tag empty. Alt text would be duplicative or pointless – it would not add value for the user.
For a quick learning map about alt text, go to www.w3.org/WAI/tutorials/images/decision-tree/.
When you determine that your image needs alt text, keep in mind the content and context of the image. In most cases, the alt attribute should:
Including alt text, when done carefully and purposefully, can improve your SEO.
First, insert the image on the page. (Watch the 2-minute video below to learn how to upload images and files to a page.) Then you're ready to add the alt text.
Want to stay up-to-date on the latest with LRS Web Solutions? Subscribe to our blog.