About this document:
This document outlines the results for the end to end exercise for Phase 1 and 2 for Guideline 1.1
Phase 1 maps the Success Criteria to the corresponding Technology Independent, HTML and/or CSS techniques.
Phase 2 maps the Examples to the corresponding Technology Independent, HTML and/or CSS techniques.
Guideline | Technology Independent Doc | HTML Techniques | CSS | |
---|---|---|---|---|
Guideline 1.1 | For non-text content, provide text equivalents that serve the same purpose or convey the same information as the non-text content, except when the sole purpose of the non-text content is to create a specific sensory experience (for example, music and visual art) in which case a text label or description is sufficient. | n/a | n/a | n/a |
Level 1 SC #1 | Level 1 Success Criteria for Guideline 1.1
|
1.1.1 Text Equivalents | 10.1 Short text equivalents for img elements ("alt-text")HTML-TECHS: 10.3 Short text equivalents for object elements ("alt-text") HTML-TECHS: 10.4 Long descriptions of images | CSS? |
Level 1 SC #2 | Non-text content that is designed to create a specific sensory experience (such as music without words or visual art) has a text label or a text description explicitly associated with it. [I] | TID? | HTML? | CSS? |
Level 2 SC | No level 2 SC for this guideline | n/a | n/a | n/a |
Level 3 SC #1 | A text document (for example, a movie script) is provided that includes all important visual information, dialogue, and other important sounds. [I] | TID? | 10.1 Short text equivalents for img elements ("alt-text")HTML-TECHS: 10.3 Short text equivalents for object elements ("alt-text") HTML-TECHS: 10.4 Long descriptions of images | CSS? |
Example 1 | An image used as a button. (short equivalent for function) A right arrow icon is used to link to the next slide in a slide show. The text equivalent is "Next Slide," so that a screen reader would read the phrase "Next Slide" and automatically identify it as a link by adding the word link or changing the synthesizer's voice. | Need short equivalent defined. | Need short equivalent defined for HTML. IS it alt, title or both? | n/a |
Example 2 | A data chart. (short label + longer description) A bar chart compares how many widgets were sold in June, July, and August. The short label says, "Figure one - Sales in June, July and August." The longer description identifies the type of chart or graph, provides a high-level summary of the data comparable to that available from the chart or graph, and provides the data in a table or other accessible format. | Need short label and longer description defined? | Need short label and longer description defined for HTML. Alt, title, longdesc? | n/a |
Example 3 | An animation. (short label + longer description) An animation shows how to tie a knot. The short label says, "An animation showing how to tie a square knot." The longer explanation describes the hand movements needed to tie the knot. | Need short label and longer description defined? | Need short label and longer description defined for HTML. Alt, title, longdesc? | n/a |
Example 4 | An audio file of a speech. (short label + transcript) An audio file is embedded in a Web page. The short label says, "Chairman's speech to the assembly." A link to a text transcript is provided immediately after the audio clip. | Need short label defined. | Need short label defined. How should the transcript be marked up? | n/a |
Example 5 | An audio file of a symphony. (short label) An audio file is embedded in a Web page. The short label says, "Beethoven's 5th Symphony performed by the Vienna Philharmonic Orchestra." | Need short label defined. | Need short label defined for HTML. Alt? | n/a |
22 July 2004. Jenae Andershonis for the WCAG WG