Alternative text (also called “alt text”) is a written substitute for a visual image on a screen. Alt text provides the content and purpose of the image to people who can’t perceive the visual image.
Alternative text (also called “alt text”) is a written substitute for a visual image on a screen. Alt text provides the content and purpose of the image to people who can’t perceive the visual image.
This helps us make sure that everyone on our website gets the same information—no matter how they interact with our site.
1. People who are blind or have low vision can listen to the alt text description of an image on their screen reader.
2. People who’ve turned off images on their device because they have low internet bandwidth can read the alt text description instead.
mages that are for decorative purposes only don’t require alt text.
1. The image doesn’t provide important context to the page content, and
2. The image isn’t used as a link to direct people to more information
1. Provide the same meaningful information the image provides. Use clear, descriptive text to describe what the person needs to know from the image. Be sure to consider the context of the image within the surrounding page content as well.
2. Be concise. Use as few words as possible to tell the person what they need to know. Aim for no more than 150 characters. Concise content allows people to focus on the most important information.
3. Avoid duplicate page content. Only include unique information that’s not also in page content near the image. Repeating information can cause frustration or confusion.
4. Skip phrases like “image of,” “photo of,” or “graphic of.” Screen readers already announce that each image is a graphic. So you don’t need to add this context.
5. Leave the image file name out of your alt text. File names don’t provide useful information and can cause frustration or confusion