Alt Text and Images

Alt text is an image attribute used by assistive technologies or in situations where images cannot display properly because of bandwidth or browser issues. While images enhance the message on your web page, they should not replace text content.

Add alt text in i:Create

When you add an image in the i:Create Content Management System, there is a field where you can enter your image's alt text. You can also change the alt text when you edit an image.

Create effective alt text

Your alt text should give enough information and context that someone could easily understand what is being displayed. It should have meaning and value to the visitor. Don't include "image of" or "picture of" as devices will be aware that your alt text refers to the image.

An example of good alt text for the image above is "Young woman eating pizza, laughing and enjoying time with her friends." Bad alt text could be "image of eating food".

Decorative images

You should provide alt text for each image unless it is purely decorative, e.g., a ribbon or other element of a page's design.

Don't use text in images

For both usability and accessibility, try not to use text inside of an image. If there is any text in your image, make sure to include it in your alt text.

Using text in images also negatively affects your Search Engine Optimization (SEO), as search engines cannot use text that is inside of an image.