Example of a D-Link Used with an Image

This is an example of how one would go about using what's known as a "d-link" to provide information on the content of an image for non-visual users.

ER Toolkit Logo[D]
ER Toolkit Logo
Copyright © 2000 NYS Governor's Office of Employee Relations

Display the text of the code for the above image

The small letter "[D]" next to the graphic above, when clicked on, will lead to a page which describes the graphic used as the ER Toolkit Logo and explains its relevance. If you prefer, you can change the color of the [D] to correspond to the background color of the page. This makes it, in effect, invisible to sighted visitors but it is still available for users with visual impairments or who are using text browsers. For an example of that, see the Employee Toolkit Site sample in my Portfolio section. (Hint: The d-link is on the right of the toolkit logo at the top of the page; move your cursor just to the bottom-right of the graphic and you'll see your cursor change into a hand, indicating the link.)

Steps in creating a d-link

See a Bobby report on this page


Return to the Technology page

Copyright 2001 Debi Orton