Complex images are types of images that contain substantial information requiring more than a short description or phrase to appropriately describe its content. In this case, Long Descriptions may be necessary to convey the significance of the image's content. Below are different examples and approaches to adequately provide the information of an image's content.
Example 1: Description containing structured information
Example 2: Description containing textual information
Recommended coding for images conveying textual information or needing descriptions longer than 125 characters:
<img src="some-image.jpg" alt="Brief description or name for image" aria-describedby="description">
<p style="display: none;" id="description">
This should include the transcript of the text in the image or a longer description of the image as necessary to convey the meaning. The display:none styling makes this not display in the browser while the aria-describedby tag directs a screen reader to read it.
</p>