Skip to main content Skip to navigation

Complex Images & Long Description

Complex images have an alt text an a long description. 

Example

The pie chart shows the career outcomes for 41 PhD students from the last 10 years of the WSU BTP. It shows who earned their PhD went on to work in biotech companies (32%), begin post-doc research (22%), or are currently looking for work (12%).

 

Alt text and long description

Alt text:

The pie chart shows the career outcomes for 41 PhD students from the last 10 years of the WSU BTP. It shows who earned their PhD went on to work in biotech companies (32%), begin post-doc research (22%), or are currently looking for work (12%).

Long Description:

The pie chart shows the career outcomes for 41 PhD students from the last 10 years of the WSU BTP.

Career Outcome Percentage
Academic Instructor 2%
Assistant Professor 7%
Biotech Companies 32%
Entrepreneurs (started own Biotech business) 5%
Government Labratories 7%
Looking for Employment (recent 2015 grads) 12%
Medical Research Labs 3%
Pharmaceutical Companies 5%
Post-Doc 22%
Private Research Institutes 3%
Other 2%

longdesc=”http://cahnrs.wsu.edu/accessibility/images/long-description/longdesc-sample/


Long Description and WordPress

WordPress doesn’t make it easy to add the long description. It needs to be entered on the text side of the text/html item.
The html code for long text highlighted in the text side of the text HTML item

Note: There are still more errors with the image: The heading text is in the image. It won’t be picked up by screen readers (or search engines).


WebAim’s Wave Evaluation Tool


Wave results page »

A screen capture of the webpage using WebAIM Wave Evaluation Tool with the alternative text and longdesc marked.

Long Alt Text Warning

A screen capture of the webpage using WebAIM Wave Evaluation Tool with a warning for long alt text.Wave will give you a warning when the alt text is over 100 characters. In some cases an alt text over 100 characters is appropriate. It will depend on the complexity of the image and where the images is used related to the content on the webpage.