Making Complex Images Accessible
While many images can be described simply by providing short descriptions (i.e., alt text) or hiding them from screen readers altogther (i.e., alt=""), complex images like charts, graphs, and the like usually require more detailed alternative text descriptions.
The approaches highlighted in this section were adapted from WAI-ARIA's Web Accessibility Tutorials Complex Images web page. The purpose was to give formto the code snippets provided on the website.
In this section...
In this section, we will cover the following topics:
- Using a text link to an external long description
- Using the alt attribute to describe the location of the long description
- Using the figure element to assocuate the adjacent long description with the image
- Using the aria-describedby attribute to point to a more detailed description already located on the web page