Best practices for authors and editors for creating accessible images
You must add information to images to ensure that visually impaired people can understand the information they convey.
Alt text
All images must have an alt text (that is, a text set in the alt attribute of the image) that describes the images meaningfully. "Meaningfully" here means that the text conveys the information in the image. For example, the alt text for an image of the logo of your organization should be the name of your organization, not the word "logo." Alt text should also never start with the words "image of," "picture of" or similar text.
- In Content Manager Explorer or Experience Manager, use the Text property of the Multimedia Component that contains the image.
- In Experience Space, in the General tab of the Multimedia Component, select the Metadata subtab and use the Alternate text field.
If the image is a clickable hyperlink, the alt text becomes a link text, and should describe the destination of the link.
If the image is very information-rich (say, if it's a graph, chart or map), set the alt text to a short explanation of what the image is, and where its long description can be found. Then provide a separate long description of the information in the text near the image.
Images of text
Don't use images that display only text.
Further reading
For more information about images in websites, refer to the W3C tutorial about images.