W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > October to December 2001

RE: mugshots

From: Charles F. Munat <chas@munat.com>
Date: Mon, 5 Nov 2001 07:28:22 -0800
To: <w3c-wai-ig@w3.org>
Message-ID: <LHEGJAOEDCOFFBGFAPKBKEKPCMAA.chas@munat.com>
Rebecca Cox wrote:
> On Web sites I have been asked to view, I suggest putting in the
> name as alt
> text, eg alt="Rebecca Cox". The longdesc attribute could be used
> to describe
> any detailed inormation (eg age, clothing ...). Otherwise, for further
> essential information (contact ...) I would suggest placing text near the
> photo for all to read.

I disagree with this technique because a name inserted into the flow of text
doesn't mean anything. Charles Munat What I would recommend is this:

1. Start by putting in a simple label, such as "Photo of Joe Blow." (This is
only temporary!)

2. Go to a text only browser such as Lynx and read the page.

3. When you get to the line, "Photo of Joe Blow," ask yourself what
information that photo is providing to the viewer. Then write a short
description of Joe and put it in the alt attribute instead.

4. Go back to Lynx and see how it reads.

5. If you need to put in more information than will fit in the alt attribute
(likely), then introduce that information with a one-liner in the alt, and
add a link to a fuller description using longdesc and, for backward
compatibility, either a D-link, and invisible D-link, or by making the photo
itself link to the description. On the link, add a title attribute with
"More about Joe."

6. Repeat the above steps until you're satisfied that it reads well in Lynx
(and any screen readers/self-voicing browsers you have access to).

Example:

<img href="joe.jpg" height="220" width="100" longdesc="joe.html"
    alt="Joe is a funny looking guy." /> [<a href="joe.html"
    title="More about Joe.">D</a>]

You can also move the image up or down as necessary to get the alt text into
the right place in the flow of text.

You can do this for all photos on the page at once to save time. Begin with
just a note about which photo it is so you'll be able to tell them apart in
Lynx. Then write alt attributes that flow with the text for those images
that need them, delete the alt attribute value completely (alt="") for those
that don't need explaining, if any, and add longdesc/D-links for those that
need more explanation than will fit into the alt attribute.

Works for me.
Charles F. Munat
Received on Monday, 5 November 2001 10:27:54 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 19 July 2011 18:13:58 GMT