...
- Click a content area in your course menu
- In the content hover over "Build Content"
- Click "Image"
- Give the image a name
- Choose an image
- Click the field labeled "Alt text"
- In the "alt text" field enter a description of what is happening in the image
- If the summary of the image runs on too long, enter the information into the field labeled "long description"
Alt Text Guidelines
When embedding an image, add alt text to the image to help students who can't see the screen and use a screen reader. It is best to describe what is in the image, including any text or numbers within. Keep the description as short as you can - typically only a few words are used, although when describing a more complex image a sentence or two may be used. Do not use the phrases "Image of...", "Graphic of..." or any similar phrases, as it is apparent to the user that it is an image.
For example, imagine embedding a chart (in an image format) showing the percentage of Americans who find it important that America remain a global leader in space exploration. You might include the following alt text:
27% of Americans believe it is not essential for the U.S. to remain a global leader in space exploration, while 72% believe it is important
In conjunction with the surrounding context, this alt text would convey the entire meaning (and only the meaning) of the chart.
However, if you were to embed an image of a space shuttle, the phrase "space shuttle" would be the perfect alt text for that image.
There are many more good practices regarding alt text, which can be found in the WebAIM Alternative Text article.
Have an issue or article suggestion?
Email us! lts@boisestate.edu
Related articles
| Filter by label (Content by label) | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...