Gateway to Techniques for WCAG 2.0

Here are some examples:

• A graphical navigation link. A navigation bar includes a small image showing a house. The image is a link to the site's home page. The text alternative says "Home."

• A graphical icon. A Web page provides a text transcript of a press conference. The page also includes a graphical icon linked to an audio recording of the press conference. The text alternative reads, "Audio recording of press conference."

• A graphical button. A search form includes a button featuring the image of a magnifying glass. The text alternative for the graphic says “Search.”

Determining what information the non-text content conveys may also require you to:

• consider the context in which the non-text element occurs;

• and to consider the non-text content both from

  • the content provider’s point of view and

  • from the user’s point of view.

What does the content provider want people to learn from the non-text content? What does the user need to learn from the text alternative? Is it important for users to draw their own conclusions based on the content as well as understanding the specific point the content-provider wanted to make?

Providing the information in text may require more than one step. For example, a complex image such as a chart, map, diagram, or photograph of an important person, place, event, or object, may be need two text alternatives:

1. to identify the non-text item and

2. to describe it or provide the information it conveys.

Here is an example of non-text content used in different contexts that require different text alternatives.

• A photograph of an historic event. A photograph of two world leaders shaking hands accompanies a news story about an international summit meeting. The text alternative says, “President X of Country X shakes hands with Prime Minister Y of country Y.”

• The same image used in a different context with additional text alternative. The image of the president shaking hands with the prime minister appears on a Web site discussing intricate diplomatic relationships. The first text alternative reads, “President X of country X shakes hands with Prime Minister Y of country Y on January 2, 2009.” An additional text alternative describes the room where the leaders are standing and the how the leaders are standing in relation to each other, and identifies the other people in the room.

  The additional description might be included on the same page as the photograph or in a separate file associated with the image through a link or other standard programmatic mechanism.

  If the non-text element is an audio file that includes spoken words, such as a recording of a speech, then it is necessary to provide a text transcript. The transcript must include a verbatim record of everything the speaker says as well as notations of other significant sounds that are part of the recording, such as applause, laughter, questions from the audience, andso on.

  Editorial Note: Further discussion and examples are needed for real-time silent video such as webcams.

A text alternative that provides the title of the piece and identifies the composer and/or performer(s) may be sufficient. In some cases, it may be appropriate to provide a brief additional description of the piece. Again, consider the context in which the audio occurs and the purpose for which it is used when deciding how much additional information to provide. It may also be appropriate to write such descriptions in a style suited to the purpose and context: for example, a scholarly description would be quite different from a description on a popular music site.

For information about providing text alternatives for music that includes words, see the section on text alternatives for audio recordings, earlier in this document. Be aware, however, that it may be illegal to include the lyrics of songs for which you do not own the copyright. In such cases, it may be appropriate to provide a summary of the lyrics .

Do not assume that people who are Deaf or hard of hearing have no interest in music!

[Editor’s note: material on identifying and describing visual art still to come.]

Where users might want to be made aware that such content is present, use the techniques described above. In most cases, users find it distracting to know about individual units of non-text content that do not convey information or provide functionality. For example, “spacer” images - transparent images used to control the layout of content - are not visible to most users. However, screen readers will read text alternatives associated with spacer images, which is distracting and oftentimes confusing. The same is true for many decorative graphics that are used to enhance readability by breaking up large blocks of text or simply to enhance the visual appearance of the page. To avoid these distractions, either:

• Mark decorative non-text content in such a way that a user agent can ignore it or

• Create decorative effects with more accessible methods.

Captions include spoken dialogue and significant sounds including on-screen and off-screen sounds such as music, laughter, and sound effects. Audio descriptions narrate visual elements without interfering with the audio or dialogue of a movie. Visual elements include actions, settings, body language, graphics, and displayed text. Combing the caption and audio description text into a document creates a transcript of the multimedia, providing access to people who have both visual and hearing disabilities. Transcripts also provide the ability to index and search for information contained in audio/visual materials.

For more information about when and how to write captions and audio descriptions, refer to the techniques related to Guideline 1.2.

Simba: Yeah!  

Describer: Simba races outside, followed by his parents. 

Sarabi smiles and  nudges Simba gently toward his father. 

The two sit side-by-side, watching the  golden sunrise.    

Mufasa: Look Simba, everything the light touches is our kingdom.

Simba: Wow.