Approach #2: Using the alt attribute
In this example, the alt text attribute provides the user with a basic description of the chart and then points to a more detailed description in another location on the web page.
See below:
Approach #2 Example:
HTML code snippet:
<p>
<img src="complexchartexample.png" alt="Bar chart showing monthly and total visitors for the first quarter 2014 for sites 1 to 3. Described under the heading Example.com detailed chart description.">
</p>
Example.com detailed chart description:
This is the section where you would include the detailed description of the 2014 First Quarter Visitors to example.com websites.
Screen Reader Testing Activity:
Turn on NVDA. Press the down arrow key to move through the web page. What is announced when it encounters the complex image?