Use alt text for all types of images. Alt text describes what the image shows and is important for users with vision loss who rely on screen readers. The screen reader reads the alt text and surrounding text aloud. Ensure that the alt text you add for an image is concise and descriptive. Avoid mentioning colors because that will likely not be meaningful for a person who is blind or has vision loss.

Use consistent terminology in alt text. For example, use star for the * symbol and use pound for the # symbol.

The alt text for an icon image should provide the name of the icon or a brief description of it. You do not need to include the name of the icon in brackets after the image. The following example image shows how to add alt text for an icon image: