Core Topic: Alt (alternative) Text
This guide offers essential information on writing Alt text, a critical component for web accessibility. Alt text (alternative text) is a short description tagged on images that screen readers use to convey visual content to individuals with visual impairments.
Useful Descriptions:
When writing Alt text, it's crucial to offer descriptions that are relevant to the content. Not every image detail needs to be included, especially for decorative images. However, images containing essential information must be clearly articulated in the Alt text.
Imagine an infographic displaying two payment logos. If you need to know which ones are accepted, which example would be better Alt text?
-
Alt ="Payment Options" (generic)
-
Alt ="Viking eTransact and PayPal accepted." (specific)
Pro Tip: Consider what you would convey if describing the image over the phone.
Let's explore the optimal way to create alt text for The Lansdowne Portrait of George Washington. This portrait holds significance in settings such as American history courses or art history discussions, especially when analyzing themes like leadership, symbolism in art, or George Washington's historical impact.
The context in which the image is used is significant; think about why it is included, such as in a history or cultural history course. Understanding this context can influence how you craft the ALT text.
- Concise: "George Washington in the Lansdowne Portrait".
- Detailed: "George Washington standing in a black velvet suit with an outstretched hand, surrounded by columns and drapes".
- Symbolic Emphasis: "George Washington in a black velvet suit with storm clouds and a rainbow symbolizing war and peace".
Pro Tip: If the description is technical, include it in the main text for all readers' benefit.
Caption vs. Alt Text:
Alt text should solely describe the image, omitting copyright or extraneous information relevant to sighted users. For example:
-
Caption: "The Lansdowne Portrait by Gilbert Stuart, painted in 1796, depicts George Washington in his final year as president, surrounded by symbols of American democracy."
-
Alt Text: "George Washington standing with an outstretched hand in the Lansdowne Portrait"
Complex Images and Long Descriptions:
For complex images like the Lansdowne Portrait, which includes numerous symbolic elements, consider providing a long description elsewhere, such as a downloadable Word document. This document could elaborate on the symbolism within the painting, such as the storm clouds and rainbow representing war and peace.