WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Define or Caption the Photos


From: Benjamin Hawkes-Lewis
Date: Nov 25, 2008 12:55AM

> I use the definition list to caption still photos. For example:
> <dl>
> <dt>(Image)</dt>
> <dd> (Photo description)</dd>
> </dl>
> Would this be a acceptable way to caption the still photo for the screen readers?

Given how hard it is to design good user agent behavior for the poorly
defined DL element, I'd tend to avoid it except for:

1. Lists of terms and definitions.
2. Dialogs.

Which are both uses blessed explicitly in the HTML4 specification.

I'd go for:

<img alt="{Text equivalent}" src="photo.jpg">
<p>{Caption for people who have read the text equivalent or seen the

See also:

Mark Norman Francis on problems with DL's definition:

Screen reader implementation report for DL:

(Note that report preceded the release of Window-Eyes 7 and JAWS 10.)

Draft figure microformat pattern:

Benjamin Hawkes-Lewis