A A A A A

Image Link Overview

Overview

When images are used as the content of a link, the text equivalent should identify the destination of the link instead of the graphical content of the image. This will ensure that the users without visual access to images can access and understand the function of the link represented by the image.

Benefit to People with Disabilities

  1. Screen reader users can understand the target of an image link.

Benefits to All Users

  1. Text equivalents that indicate the target of the link make it easier for all users to navigate links.
  2. Users receive improved search results as search engines have more accurate information on the links.

Benefits to Developers

  1. Locating and updating links on web resources is easier when text equivalents indicate target of links.
  2. Search results of web resources improve as search engines have more accurate information on the content of the link.

Related Resources

  1. W3C WCAG 1.0 link techniques

HTML Markup Details

alt attribute
The alt attribute should identify the destination of the link and not try to describe the visual graphics of the image associated in the link.
Note: When redundant text link of an image link is available, the content of the alt attribute of the image should be null (alt="").

Related Accessibility Requirements

Illinois Information Technology Accessibility Standards
4.1 Provide appropriate "alternate text" for all images.
9.1 Ensure that links are understandable out of context.
Section 508
1194.22 (a) A text equivalent for every non-text element shall be provided (e.g., via "alt", "longdesc", or in element content).
W3C Web Content Accessibility Guidelines 2.0
1.1.1 Non-text Content
2.4.4 Link Purpose (In Context)
2.4.9 Link Purpose (Link Only)
Web Content Accessibility Guidelines (WCAG 1.0)
1.1 Provide a text equivalent for every non-text element (e.g., via "alt", "longdesc", or in element content) [Priority 1].