ALT Text and Text Alternatives

Provide long descriptions for complex images

Techniques

Complex images may require more description and explanation than you can practically include in an ALT attribute. You may want to provide a short description of an image in ALT content, and then provide the user with options for experiencing extended descriptions.

Adjacent text information

For images that present complex data, such as charts, consider providing a full text alternative adjacent to the image. In this example, ALT text provides an overview of the image, and detailed information immediately follows.

Example: Adjacent Text Information

Chart of coffee consumption in US cities

Seattle leads all US cities in coffee consumption with 44 units, followed by Chicago (38 cups), Denver (30 cups), Salt Lake City (24 cups), and Phoenix (22 cups).

<img src="chart.png" alt="Chart of coffee consumption in US cities" />

<p>Seattle leads all US cities in coffee consumption with 44 units, followed by Chicago (38 cups), Denver (30 cups), Salt Lake City (24 cups), and Phoenix (22 cups).</p>