[contents]

Understanding WCAG 2.0

A guide to understanding and implementing WCAG 2.0

Editor's Draft April 2007

This version:
http://www.w3.org/WAI/GL/WCAG20/WD-UNDERSTANDING-WCAG20-20070220/
Latest version:
http://www.w3.org/TR/UNDERSTANDING-WCAG20/
Previous version:
http://www.w3.org/TR/2006/WD-UNDERSTANDING-WCAG20-20060427/
Editors:
Ben Caldwell, Trace R&D Center, University of Wisconsin-Madison
Michael Cooper, W3C
Loretta Guarino Reid, Google, Inc.
Gregg Vanderheiden, Trace R&D Center, University of Wisconsin-Madison
Previous Editors:
Wendy Chisholm (until July 2006 while at W3C)
John Slatin (until June 2006 while at Accessibility Institute, University of Texas at Austin)

This document is also available in these non-normative formats:


Abstract

This document, "Understanding WCAG 2.0," is an essential guide to understanding and using "Web Content Accessibility Guidelines 2.0" [WCAG20]. It is part of a series of documents that support WCAG 2.0.

WCAG 2.0 establishes a set of success criteria to define conformance to the WCAG 2.0 Guidelines. A success criterion is a testable statement that will be either true or false when applied to specific Web content. "Understanding WCAG 2.0" provides detailed information about each success criterion, including its intent; the key terms that are used in the success criterion; examples of Web content that meet the success criterion using various Web technologies (for instance, HTML, CSS, XML) and common examples of Web content that does not meet the success criterion. Finally, this document also explains how the success criteria in WCAG 2.0 help people with different types of disabilities.

Status of this Document

This document is the internal working draft used by the WCAG WG and is updated continuously and without notice. This document has no formal standing within W3C. Please consult the group's home page and the W3C technical reports index for information about the latest publications by this group.

This draft includes revisions that have been made since the 27 April 2006 Working Draft was published. Please refer to the latest public version of WCAG 2.0 for information about the status of WCAG 2.0 as well as information about submitting comments to the working group.


Table of Contents

Appendix


Introduction to Understanding WCAG 2.0

Understanding WCAG 2.0 is an essential guide to understanding and using "Web Content Accessibility Guidelines 2.0" [WCAG20] Although the definition and requirements for WCAG 2.0 can all be found in the WCAG 2.0 document itself, the concepts and provisions may be new to some people. Understanding WCAG 2.0 provides an extended commentary on each guideline and each success criterion to help readers better understand the intent and how the guidelines and success criteria work together. It also provides examples of techniques or combinations of techniques that the Working Group has identified as being sufficient to meet each success criterion. Links are then provided to write-ups for each of the techniques.

Editorial Note: Where the committee has not yet been able to write up the description of a techniques, the techniques are listed with "(future link)" following their title.

This is not an introductory document. It is a detailed technical description of the guidelines and their success criteria. For an introduction to WCAG 2.0 and the complete set of documents associated with the guidelines, see Overview of Web Content Accessibility Guidelines (WCAG) 2.0 Documents. [LC-1016]

Understanding WCAG 2.0 is organized by guideline. There is an Understanding Guideline X.X section for each guideline. The intent and any advisory techniques that are related to the guideline but not specifically related to any of its success criteria are listed there as well.

The Understanding Guidelines X.X section is then followed by a How to Meet Success Criterion X.X.X section for each success criterion of that guideline. These How to Meet sections each contain:

Links are provided from each Guideline in WCAG 2.0 directly to each Understanding Guideline X.X in this document. Similarly, there is a link from each success criterion in WCAG 2.0 to the How to Meet Success Criterion X.X.X section in this document.

For information about individual techniques, follow the links throughout this document to the techniques of interest in the Techniques for WCAG 2.0 document.

Understanding the Four Principles of Accessibility

The WCAG 2.0 Guidelines are organized around the following four principles. These principles are basic principle that apply to all Web users.

  1. Perceivable - Information and user interface must be perceivable by the user

    • This means that users must be able to perceive the information being presented (it can't be invisible to all of their senses)

  2. Operable - User interface components must be operable by the user

    • This means that users must be able to operate the interface (the interface cannot require interaction that the user can not perform)

  3. Understandable - Information and operation of user interface must be understandable by the user

    • This means that users must be able to understand the information as well as the operation of the user interface (the content or operation cannot be beyond their understanding)

  4. Robust - Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies

    • This means that users must be able to access the content as technologies advance (as technologies and user agents evolve, the content should remain accessible)

If any of these are not true, users with disabilities will not be able to use the Web.

Under each of the principles are guidelines and success criteria that help to address these principles for people with disabilities. There are many general usability guidelines that make content more usable by all people, including those with disabilities. However, in WCAG 2.0, we only include those guidelines that address problems particular to people with disabilities. This includes issues that block access or interfere with access to the Web more severely for people with disabilities.

[LC-1019]


Understanding Guideline 1.1: Provide text alternatives for all non-text content

Intent of Guideline 1.1

The purpose of this guideline is to ensure that all non-text content is also available in text form. "Text form" refers to electronic text, not an image of text. Electronic text has the unique advantage that it can be rendered visually, auditorily, tactilely, or by any combination. As a result, information rendered in electronic text can be presented in whatever form best meets the needs of the user. It can also be easily enlarged, spoken in a voice that is easy to understand or rendered in whatever tactile form best meets the needs of a user.

Advisory Techniques for Guideline 1.1 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.

  • All advisory techniques for this guideline relate to specific success criteria and are listed below.

How to Meet Success Criterion 1.1.1 (Non-text Content)

1.1.1 All non-text content has a text alternative that presents equivalent information, except for the situations listed below. [LC-956] [LC-1281] [LC-1524] (Level 1)

Key Terms

non-text content

content that is not represented by a Unicode character or sequence of Unicode characters when rendered in a user agent according to the formal specification of the content type

Note: This includes ASCII Art, which is a pattern of characters and leetspeak, which is character substitution. [LC-796] .

text alternative

programmatically determined text that is used in place of non-text content, or text that is used in addition to non-text content and referred to from the programmatically determined text

name

text by which software can identify a component within Web content to the user

Note: The name may be hidden and only exposed by assistive technology, whereas a label is presented even without assistive technology. In many (but not all) cases, the label is a display of the name.

multimedia

audio or video synchronized with another format for presenting information and/or with time-based interactive components [LC-1499]

live audio-only

A time-based live presentation that contains only audio (no video and no interaction)

live video-only

A time-based live presentation that contains only video (no audio and no interaction)

must be presented in non-text format

would be invalid if presented in text [LC-1506]

Example: Color blindness test, hearing test, vision exercise, spelling test.

specific sensory experience

a sensory experience that is not purely decorative and does not primarily convey important information or perform a function

Example: Examples include a performance of a flute solo, works of visual art etc. [LC-1189]

label

text or other component with a text alternative that is presented to a user to identify a component within Web content

Note: See also name. [LC-847]

pure decoration

serving only an aesthetic purpose, providing no information, and having no functionality.

Assistive technology (as used in this document [LC-732] )

a user agent that both:

  1. provides services beyond those offered by the host user agents to meet the requirements of users with disabilities. Such services include alternative renderings (e.g., as synthesized speech or magnified content), alternative input methods (e.g., voice), additional navigation or orientation mechanisms, and content transformations (e.g., to make tables more accessible), and [LC-1178]

  2. relies on services (such as retrieving Web content and parsing markup) provided by one or more other "host" user agents. Assistive technologies communicate data and messages with host user agents by using and monitoring APIs

Note 1: In this definition, the host user agents are user agents in the general sense of the term. That is, any software that retrieves and renders Web content for users. The host user agent may provide important services to assistive technologies like retrieving Web content from program objects or parsing markup into identifiable bundles. [LC-732]

Note 2: Host user agents may also provide services directly that meet the requirements of users with disabilities. [LC-732]

Note 3: This definition is based on User Agent Accessibility Guidelines 1.0 Glossary.

Example: Examples of assistive technologies that are important in the context of this document include the following:

  • screen magnifiers, and other visual reading assistants, which are used by people with visual, perceptual and physical print disabilities to change text font, size, spacing, color, synchronization with speech, etc in order [LC-604] improve the visual readability of rendered text and images;

  • screen readers, which are used by people who are blind to read textual information through synthesized speech or braille;

  • text-to-speech software, which is used by some people with cognitive, language, and learning disabilities to convert text into synthetic speech;

  • voice recognition software, which may be used by people who have some physical disabilities;

  • alternative keyboards, which are used by people with certain physical disabilities to simulate the keyboard;

  • alternative pointing devices, which are used by people with certain physical disabilities to simulate mouse pointing and button activations.

Editorial Note: @@ Gregg and John to update this section to match new SC language. (15 March 2007)

Intent of this Success Criterion

The intent of this success criterion is to make information conveyed by non-text content accessible through the use of a text alternative. Text alternatives are a primary way for making information accessible because they can be rendered through any sensory modality (for example, visual, auditory or tactile) to match the needs of the user. Providing text alternatives allows the information to be rendered in a variety of ways by a variety of user agents. For example, a person who cannot see a picture can have the text alternative read aloud using synthesized speech. A person who cannot hear an audio file can have the text alternative displayed so that he or she can read it. In the future, text alternatives will also allow information to be more easily translated into sign language or into a simpler form of the same language.

Additional information

Non-text content can take a number of forms, and this success criterion specifies how each is to be handled.

For non-text content that presents information, such as charts, diagrams, audio recordings, pictures, and animations, text alternatives can make the same information available in a form that can be rendered through any modality (for example, visual, auditory or tactile). Short and long text alternatives can be used as needed to convey the information in the non-text content. Note that pre-recorded audio-only and pre-recorded video-only files are covered here. Live -audio-only and Live -video-only files are covered below (see 3rd paragraph following this one).

For non-text content that responds to user input , such as images used as submit buttons or complex animations, text alternatives are provided if at all possible. If it is not possible to make the function available in any form of text (including with the use of links, etc.), then the purpose of the non-text content is identified in text so that the person at least knows what the non-text content is and why it is there.

Non-text content that is multimedia is made accessible through guideline 1.2. However it is important that users know what it is when they encounter it on a page so they can decide what action if any they want to take with it. A text alternative that describes the multimedia and/or gives its title is therefore provided.

Live Audio-only and live video-only files - It is much more difficult to provide text alternatives that convey the same information as live audio-only and live video-only content. For these types of non-text content, text alternatives provide a descriptive label.

Sometimes a test or exercise must use a particular sense. Audio or visual information is provided that cannot be changed to text because the test or exercise must be conducted using that sense. For example, a hearing test would be invalid if a text alternative were provided. A visual skill development exercise would similarly make no sense in text form. And a spelling test with text alternatives would not be very effective. For these cases, text alternatives should be provided to describe the purpose of the non-text content; of course, the text alternatives would not provide the same information needed to pass the test.

Sometimes content is primarily intended to create a specific sensory experience that words cannot fully capture. Examples include a symphony performance, works of visual art etc. For such content, text alternatives at least identify the non-text content with a descriptive label and where possible, some descriptive text. If the reason for including the content in the page is known and can be described it is helpful to include that information. [LC-787]

Finally, there is non-text content that really is not meant to be seen or understood by the user. Transparent images used to move text over on a page; a one pixel transparent "web-bug" that tells the author when the page is viewed; and a swirl in the corner that conveys no information but just fills up a blank space to create an aesthetic effect are all examples of this. Putting alternative text on such items just distracts people using screen readers from the content on the page. Not marking the content in any way, though, leaves users guessing what the non-text content is and what information they may have missed (even though they have not missed anything in reality). This type of non-text content, therefore, is marked or implemented in a way that assistive technologies (AT) will ignore it and not present anything to the user.

Specific Benefits of Success Criterion 1.1.1:

  • This success criterion helps people who have difficulty perceiving visual content. Assistive technology can read text alternatives aloud, present them visually, or convert them to braille.

  • Text alternatives may help some people who have difficulty understanding the meaning of photographs, drawings, and other images (e.g. line drawings, graphic designs, paintings, three-dimensional representations), graphs, charts, animations, etc.

  • People who are deaf, are hard of hearing, or who are having trouble understanding audio information for any reason can read the text presentation. Research is ongoing regarding automatic translation of text into sign language. [LC-790]

  • People who are deaf-blind can read the text in braille.

  • Additionally, text alternatives support the ability to search for non-text content and to repurpose content in a variety of ways.

Techniques for Addressing Success Criterion 1.1.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If a short description can serve the same purpose and present the same information as the non-text content, the following would be sufficient:
  1. G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content USING a short text alternative technique listed below

Situation B: If a short description can not serve the same purpose and present the same information as the non-text content (e.g. a chart or diagram), the following would be sufficient:
  1. G95: Providing short text alternatives that provide a brief description of the non-text content USING a short text alternative technique listed below AND one of the following techniques for long description:

Situation C: If text alternatives can not serve the same purpose as the functional non-text content, the following would be sufficient:
  1. G82: Providing a text alternative that identifies the purpose of the functional non-text content USING a short text alternative technique listed below

Situation D: If non-text content is multimedia; live audio-only or live video-only content; a test or exercise that must use a particular sense; or primarily intended to create a specific sensory experience:
  1. Providing a descriptive label USING a short text alternative technique listed below

  2. G68: Providing a descriptive label that describes the purpose of live audio-only and live video-only content USING a short text alternative technique listed below

  3. G100: Providing the accepted name or a descriptive name of the non-text content USING a short text alternative technique listed below

Situation E: If the non-text content should be ignored by assistive technology:
  1. Implementing or Marking the non-text content so that it will be ignored by AT USING one of the technology-specific techniques listed below

Providing short text alternatives in HTML
Providing long text alternatives in HTML

Additional Techniques (Advisory) for 1.1.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

General Techniques for Informative Non-Text Content (Advisory)
  • Identifying informative non-text content (future link).

  • Keeping short descriptions short (future link).

  • Describing images that include text (future link).

  • Providing a longer description of the non-text content where only a descriptive label is required USING a technology-specific technique (for an accessibility-supported content technology) for long description listed above. (future link)

General Techniques for Live Non-Text Content (Advisory)
  • Linking to textual information that provides comparable information (e.g. for a traffic Webcam, a municipality could provide a link to the text traffic report.) (future link) [LC-788]

  • Providing a transcript of a live audio only presentation after the fact (future link)

HTML Techniques (Advisory)
  • H46: Using noembed with embed (HTML) [LC-786]

  • Writing for browsers that do not support frame (future link)

  • Providing alternative content for iframe (future link)

  • Providing text and non-text alternatives for object (future link)

  • Not using long descriptions for iframe (future link)

  • Providing redundant text links for client-side image maps (future link)

CSS Techniques (Advisory)
  • Using CSS margin and padding rules instead of spacer images (future link)

  • Using CSS background, :before or :after rules for decorative images instead of img elements (future link)

  • Displaying empty table cells (future link)

Examples of Success Criterion 1.1.1

  1. A data chart

    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, provides a high-level summary of the data , trends and implications comparable to those available from the chart. Where possible and practical, the actual data is provided in a table. [LC-789]

  2. An audio recording of a speech (no video)

    The link to an audio clip says, "Chairman's speech to the assembly." A link to a text transcript is provided immediately after the link to the audio clip.

  3. An animation that illustrates how a car engine works

    An animation shows how a car engine works. There is no audio and the animation is part of a tutorial that describes how an engine works. Since the text of the tutorial already provides a full explanation, the text alternative has a brief description of the image and refers to the tutorial text for more information. [LC-1074]

  4. A traffic Web camera

    A Web site allows users to select from a variety of Web cameras positioned throughout a major city. After a camera is selected, the image updates every two minutes. A short text alternative identifies the Web camera as "traffic Web camera." The site also provides a table of travel times for each of the routes covered by the Web cameras. The table is also updated every two minutes.

  5. A photograph of an historic event in a news story

    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."

  6. A photograph of a historic event in content discussing diplomatic relationships

    The same image is used in a different context intended to explain nuances in diplomatic encounters. 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 as well as the expressions on the leaders' faces, 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.

  7. An audio recording

    The Web page described in the previous example includes a link to an audio recording of the leaders' press conference. The page also links to a text transcript of the press conference. The transcript includes a verbatim record of everything the speakers say. It identifies who is speaking as well as noting other significant sounds that are part of the recording, such as applause, laughter, questions from the audience, and so on.

  8. An e-learning application

    An e-learning application uses sound effects to indicate whether or not the answers are correct. The chime sound indicates that the answer is correct and the beep sound indicates that the answer is incorrect. A text description is also included so that people who can't hear or understand the sound understand whether the answer is correct or incorrect. [LC-1326]

  9. A linked thumbnail image

    A thumbnail image of the front page of a newspaper links to the home page of the "Smallville Times". The text alternative says "Smallville Times". [LC-858]

Related Resources

Resources are for information purposes only, no endorsement implied.


Understanding Guideline 1.2: Provide synchronized alternatives for multimedia

Intent of Guideline 1.2

The purpose of this guideline is to provide access to multimedia. Multimedia is defined in the glossary as:

multimedia: audio or video synchronized with another type of media and/or with time-based interactive components

Note that an audio file accompanied by interaction is covered here, as is a video-only file that involves interaction. These are covered because interaction must take place at a particular time. Having a text transcript that said, "for more information, click now," would not be very helpful since the reader would have no idea when the audio said, "now." As a result, synchronized captions would be needed.

Sometimes, there is so much dialogue that audio description cannot fit into existing pauses in the dialogue. The option at Level 1 to provide a full text alternative for multimedia including any interaction instead of audio description for multimedia would allow access to all of the information in the multimedia. This option also allows access to the visual information in non-visual form when audio description is not provided for some other reason.

For multimedia that includes interaction, interactive elements (for example links) could be embedded in the full text alternative for multimedia.

This guideline also includes (at Level 3) sign language interpretation for multimedia as well as an approach called extended audio description. In extended audio description, the video is frozen periodically to allow more audio description to take place than is possible in the existing pauses in the dialogue. This is a case where higher-level success criteria build upon the requirements of lower-level SC with the intention of having cumulative, progressively stronger, requirements. [LC-1223]

Advisory Techniques for Guideline 1.2 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.


How to Meet Success Criterion 1.2.1 (Captions (Prerecorded))

1.2.1 Captions are provided for prerecorded multimedia, except for multimedia alternatives to text that are clearly labeled as such [LC-608] . (Level 1)

Key Terms

captions

text presented and synchronized with multimedia to provide not only the speech, but also non-speech information conveyed through sound, including meaningful sound effects and identification of speakers [LC-846]

Note: In some countries, the term "subtitle" is used to refer to dialogue only and "captions" is used as the term for dialogue plus sounds and speaker identification. In other countries, subtitle (or its translation) is used to refer to both.

multimedia

audio or video synchronized with another format for presenting information and/or with time-based interactive components [LC-1499]

multimedia alternatives to text

multimedia that presents no more information than is already presented in text (directly or via text alternatives) [LC-608]

Note: Multimedia alternatives to text are provided for those who benefit from alternate representations of text.

Intent of this Success Criterion

The intent of this success criterion is to enable people who are deaf or hard of hearing to watch multimedia presentations. Captions provide the part of the content available via the audio track. Captions not only include dialogue, but identify who is speaking and note important sounds.

It is acknowledged that at the present time there may be difficulty in creating captions for time-sensitive material and this may result in the author being faced with the choice of delaying the information until captions are available, or publishing time-sensitive content that is inaccessible to the deaf, at least for the interval until captions are available. Over time, the tools for captioning as well as building the captioning into the delivery process can shorten or eliminate such delays. [LC-1332]

Captions are not needed when the multimedia is, itself, an alternate presentation of information that is also presented via text on the Web page. For example, if information on a page is accompanied by a multimedia presentation that is easier for people with cognitive, language, or learning disabilities to understand, then it would not need to be captioned since the information is already presented on the page in text or in text alternatives (e.g. for images). [LC-608]

Specific Benefits of Success Criterion 1.2.1:

  • People who are deaf or have a hearing loss can access the auditory information in the multimedia content through captions.

Techniques for Addressing Success Criterion 1.2.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G93: Providing open (always visible) captions

  2. G87: Providing closed captions USING any readily available media format that has a video player that supports closed captioning [LC-792]

  3. G87: Providing closed captions USING any of the technology-specific techniques below

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.2.1 by the WCAG Working Group.

Additional Techniques (Advisory) for 1.2.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

Additional Technology-Independent Techniques (Advisory)
  • Providing a note saying "No sound is used in this clip" for video-only clips (future link)

Additional SMIL 1.0 Techniques (Advisory)
  • Using SMIL 1.0 to provide captions for all languages for which there are audio tracks (future link)

Additional SMIL 2.0 Techniques (Advisory)
  • Using SMIL 2.0 to provide captions for all languages for which there are audio tracks (future link)

Examples of Success Criterion 1.2.1

  • A captioned tutorial

    A video clip shows how to tie a knot. The captions read,

    "(music)

    Using rope to tie knots was an important skill

    for the likes of sailors, soldiers and woodsmen.."

    From Sample Transcript Formatting by Whit Anderson.

  • A complex legal document contains multimedia clips for different paragraphs that show a person speaking the contents of the paragraph. Each clip is associated with its corresponding paragraph. No captions are provided for the multimedia. [LC-608]

  • An instruction manual containing a description of a part and its necessary orientation is accompanied by a multimedia clip showing the part in its correct orientation. No captions are provided for the multimedia clip. [LC-608]


How to Meet Success Criterion 1.2.2 (Audio Description or Full Text Alt.)

1.2.2 Audio description of video, or a full text alternative for multimedia including any interaction , is provided for prerecorded multimedia. (Level 1)

Note: For 1.2.2, 1.2.4, and 1.2.7, if all of the information in the video track is already provided in the audio track, no audio description is necessary. [LC-1224]

Key Terms

audio description

narration added to the soundtrack to describe important visual details that cannot be understood from the main soundtrack alone

Note 1: Audio description of video provides information about actions, characters, scene changes, on-screen text, and other visual content. [LC-845]

Note 2: In standard audio description, narration is added during existing pauses in dialogue. (See also extended audio description.)

full text alternative for multimedia including any interaction [LC-810]

document including correctly sequenced descriptions of all visual settings, actions, and non-speech sounds combined with descriptive transcripts of all dialogue and a means of achieving any outcomes that are achieved using interaction during the multimedia

Note: A screenplay used to create the multimedia content would meet this definition only if it was corrected to accurately represent the final multimedia after editing.

multimedia

audio or video synchronized with another format for presenting information and/or with time-based interactive components [LC-1499]

Intent of this Success Criterion

The intent of this success criterion is to provide people who are blind or visually impaired access to the visual information in a multimedia presentation. This success criterion describes two approaches, either of which can be used.

One approach is to provide audio description of the video content. The audio description augments the audio portion of the presentation with the information needed when the video portion is not available. During existing pauses in dialogue, audio description provides information about actions, characters, scene changes, and on-screen text that are important and are not described or spoken in the main sound track.

The second approach involves providing all of the information in the multimedia (both visual and auditory) in text form. A full text alternative for multimedia including any interaction provides a running description of all that is going on in the multimedia content. The full text alternative for multimedia including any interaction reads something like a screenplay or book. Unlike audio description, the description of the video portion are not constrained to just the pauses in the existing dialogue. Full descriptions are provided of all visual information, including visual context, actions and expressions of actors, and any other visual material. In addition, non-speech sounds (laughter, off-screen voices, etc.) are described, and transcripts of all dialogue are included. The sequence of description and dialogue transcripts are the same as the sequence in the multimedia itself. As a result, the full text alternative for multimedia can provide a much more complete representation of the multimedia content than audio description alone.

If there is any interaction as part of the multimedia presentation (e.g. "press now to answer the question") then the full text alternative for multimedia would provide hyperlinks or whatever is needed to provide parallel functionality.

Note: For 1.2.2, 1.2.3, and 1.2.7, if all of the information in the video track is already provided in the audio track, no audio description is necessary. [LC-1224]

Specific Benefits of Success Criterion 1.2.2:

  • This success criterion may help some people who have difficulty watching video or other multimedia content, including people who have difficulty perceiving or understanding moving images.

Techniques for Addressing Success Criterion 1.2.2

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G69: Providing a full multimedia text alternative including any interaction

  2. G78: Providing a sound track that includes audio description as the primary sound track

  3. G78: Providing a sound track that includes audio description AND associating it with the multimedia content using one of the following techniques:

  4. Providing audio description in its own sound track (future link) AND merging the description track with the original soundtrack of the multimedia content at runtime using one of the following techniques

    • Using SMIL 1.0 to merge a description track with sound track (future link)

    • Using SMIL 2.0 to merge a description track with sound track (future link)

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.2.2 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 1.2.2

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Providing audio description in multiple languages in SMIL 1.0 (future link)

  • Providing audio description in multiple languages in SMIL 2.0 (future link)

Examples of Success Criterion 1.2.2

  • A movie with audio description.

    Describer: A title, "Teaching Evolution Case Studies. Bonnie Chen." A teacher shows photographs of birds with long, thin beaks.

    Bonnie Chen: "These photos were all taken at the Everglades."

    Describer: The teacher hands each student two flat, thin wooden sticks.

    Bonnie Chen: "Today you will pretend to be a species of wading bird that has a beak like this."

    Describer: The teacher holds two of the sticks to her mouth making the shape of a beak.

    Transcript of audio based on the first few minutes of "Teaching Evolution Case Studies, Bonnie Chen" (copyright WGBH and Clear Blue Sky Productions, Inc.)

  • A full text alternative for multimedia including any interaction for a training video

    A company purchases a Training video for use by its employees and puts it on the companies intranet. The video involves explaining use of a new technology and has a person talking and showing things at the same time. Since there is no place to insert audio description of the visual demonstrations during gaps in dialogue, the company provides a full text alternative for multimedia that all employees, including those who cannot see the demonstrations, can use to better understand what is being presented.


How to Meet Success Criterion 1.2.3 (Captions (Live))

1.2.3 Captions are provided for live multimedia. (Level 2)

Note: If multimedia is completely computer generated, it is not live and is subject to the requirements for pre-recorded multimedia in WCAG 2.0. [LC-925]

Key Terms

captions

text presented and synchronized with multimedia to provide not only the speech, but also non-speech information conveyed through sound, including meaningful sound effects and identification of speakers [LC-846]

Note: In some countries, the term "subtitle" is used to refer to dialogue only and "captions" is used as the term for dialogue plus sounds and speaker identification. In other countries, subtitle (or its translation) is used to refer to both.

multimedia

audio or video synchronized with another format for presenting information and/or with time-based interactive components [LC-1499]

Intent of this Success Criterion

The intent of this success criterion is to enable people who are deaf or hard of hearing to watch real-time presentations. Captions provide the part of the content available via the audio track. Captions not only include dialogue, but also identify who is speaking and notate sound effects and other significant audio.

Specific Benefits of Success Criterion 1.2.3:

  • People who are deaf or have a hearing loss can access the auditory information in the multimedia content through captions.

Techniques for Addressing Success Criterion 1.2.3

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G9: Creating captions for live multimedia AND G93: Providing open (always visible) captions

  2. G9: Creating captions for live multimedia AND G87: Providing closed captions USING any readily available media format that has a video player that supports closed captioning [LC-792]

  3. G9: Creating captions for live multimedia AND G87: Providing closed captions USING one of the following techniques:

Note: Captions may be generated using real-time text translation service. [LC-790]

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.2.3 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 1.2.3

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

(none currently documented)

Examples of Success Criterion 1.2.3

  • A Web cast

    A news organization provides a live, captioned Web cast.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)

See How to Meet Success Criterion 1.2.1 (Captions (Prerecorded)) .


How to Meet Success Criterion 1.2.4 (Audio Description)

1.2.4 Audio description of video is provided for prerecorded multimedia. (Level 2)

Key Terms

audio description

narration added to the soundtrack to describe important visual details that cannot be understood from the main soundtrack alone

Note 1: Audio description of video provides information about actions, characters, scene changes, on-screen text, and other visual content. [LC-845]

Note 2: In standard audio description, narration is added during existing pauses in dialogue. (See also extended audio description.)

multimedia

audio or video synchronized with another format for presenting information and/or with time-based interactive components [LC-1499]

Intent of this Success Criterion

The intent of this success criterion is to provide people who are blind or visually impaired access to the visual information in a multimedia presentation. The audio description augments the audio portion of the presentation with the information needed when the video portion is not available. During existing pauses in dialogue, audio description provides information about actions, characters, scene changes, and on-screen text that are important and are not described or spoken in the main sound track.

Note: For 1.2.2, 1.2.3, and 1.2.7, if all of the information in the video track is already provided in the audio track, no audio description is necessary. [LC-1224]

Specific Benefits of Success Criterion 1.2.4:

  • People who are blind or have low vision as well as those with cognitive limitations who have difficulty interpreting visually what is happening benefit from audio description of visual information.

Techniques for Addressing Success Criterion 1.2.4

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G78: Providing a sound track that includes audio description as the primary sound track

  2. G78: Providing a sound track that includes audio description AND associating it with the multimedia content using one of the following techniques:

  3. Providing audio description in its own sound track (future link) AND merging the description track with the original soundtrack of the multimedia content at runtime using one of the following techniques

    • Using SMIL 1.0 to merge a description track with sound track (future link)

    • Using SMIL 2.0 to merge a description track with sound track (future link)

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.2.4 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 1.2.4

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Providing audio description in multiple languages in SMIL 1.0 (future link)

  • Providing audio description in multiple languages in SMIL 2.0 (future link)

Examples of Success Criterion 1.2.4

  • A movie with audio description.

    Describer: A title, "Teaching Evolution Case Studies. Bonnie Chen." A teacher shows photographs of birds with long, thin beaks.

    Bonnie Chen: "These photos were all taken at the Everglades."

    Describer: The teacher hands each student two flat, thin wooden sticks.

    Bonnie Chen: "Today you will pretend to be a species of wading bird that has a beak like this."

    Describer: The teacher holds two of the sticks to her mouth making the shape of a beak.

    Transcript of audio based on the first few minutes of "Teaching Evolution Case Studies, Bonnie Chen" (copyright WGBH and Clear Blue Sky Productions, Inc.)


How to Meet Success Criterion 1.2.5 (Sign Language)

1.2.5 Sign language interpretation is provided for multimedia. (Level 3)

Key Terms

sign language interpretation

translation of one language, generally a spoken language, into a sign language [LC-741]

Note: True sign languages are independent languages that are unrelated to the spoken language(s) of the same country or region. [LC-1504]

multimedia

audio or video synchronized with another format for presenting information and/or with time-based interactive components [LC-1499]

Intent of this Success Criterion

The intent of this success criterion is to enable people who are deaf or hard of hearing and who are fluent in a sign language to understand the content of the audio track of multimedia presentations. Written text, such as that found in captions, is often a second language. Some individuals will require sign language interpretation to gain full access to the multimedia content. [LC-591]

Specific Benefits of Success Criterion 1.2.5:

  • People whose human language is a sign language sometimes have limited reading ability. These individuals may not be able to read and comprehend the captions and thus require a sign language interpretation to gain access to the multimedia content.

Techniques for Addressing Success Criterion 1.2.5

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.2.5 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 1.2.5

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

(none currently documented)

Examples of Success Criterion 1.2.5

  • Example 1. A corporation is making an important announcement to all of its employees. The meeting will be held in the main headquarters and streamed to the Web. A sign language interpreter is provided at the meeting location. The live video includes a full view of the sign language interpreter as well as the person presenting.

  • Example 2. The same announcement described in example 1 is also Webcast to remote employees. Since there is only one display available for this, the sign language interpreter is shown in the corner of the display.

  • Example 3. A university is providing an on-line version of a particular lecture by creating a multimedia presentation of the professor delivering the lecture. The presentation includes video of the professor speaking and demonstrating a science experiment. A sign language interpretation of the lecture is created and presented on the Web with the multimedia version.


How to Meet Success Criterion 1.2.6 (Audio Description (Extended))

1.2.6 Extended audio description of video is provided for prerecorded multimedia. (Level 3)

Key Terms

extended audio description

audio description that is added to an audiovisual presentation by pausing the video so that there is time to add additional description

Note: This technique is only used when the sense of the video would be lost without the additional audio description.

multimedia

audio or video synchronized with another format for presenting information and/or with time-based interactive components [LC-1499]

Intent of this Success Criterion

The intent of this success criterion is to provide people who are blind or visually impaired access to a multimedia presentation beyond that which can be provided by standard audio description. This is done by periodically freezing the multimedia presentation and playing additional audio description. The multimedia presentation is then resumed.

Because it disrupts viewing for those who do not need the additional description, techniques that allow you to turn the feature on and off are often provided. Alternately, versions with and without the additional description can be provided.

Specific Benefits of Success Criterion 1.2.6:

  • People who are blind, people with low vision who cannot see the screen, as well as those with cognitive limitations who have difficulty interpreting visually what is happening, often use audio description of the visual information. However, if there is too much dialogue the audio description is insufficient. Extended audio description can provide the additional information they needed to understand the video.

Techniques for Addressing Success Criterion 1.2.6

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. Providing a second version of the movie with extended audio descriptions during halted video segments (future link)

  2. G8: Creating an extended audio description for the multimedia content USING one of the following techniques

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.2.6 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 1.2.6

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

Additional SMIL 1.0 Techniques
  • Adding extended audio description in multiple languages in SMIL 1.0 (future link)

Additional SMIL 2.0 Techniques
  • Adding extended audio description in multiple languages in SMIL 2.0 (future link)

Examples of Success Criterion 1.2.6

  • Example 1. Video of a lecture. A physics professor is giving a lecture. He makes freehand sketches on the whiteboard, speaking rapidly as he draws. As soon as he has finished discussing one problem, he erases the drawing and makes another sketch while continuing to speak and gesture with his other hand. The video is paused between problems, and extended audio description of the professor’s drawings and gestures is provided; the video is then resumed.


How to Meet Success Criterion 1.2.7 (Full Text Alternative)

1.2.7 A full text alternative for multimedia including any interaction is provided for all prerecorded multimedia [LC-1156] . (Level 3)

Key Terms

full text alternative for multimedia including any interaction [LC-810]

document including correctly sequenced descriptions of all visual settings, actions, and non-speech sounds combined with descriptive transcripts of all dialogue and a means of achieving any outcomes that are achieved using interaction during the multimedia

Note: A screenplay used to create the multimedia content would meet this definition only if it was corrected to accurately represent the final multimedia after editing.

Intent of this Success Criterion

The intent of this success criterion is to make audio visual material available to individuals whose vision is too poor to reliably read captions and whose hearing is too poor to reliably hear dialogue and audio description. This is done by providing a full text alternative for multimedia including any interaction.

This approach involves providing all of the information in the multimedia (both visual and auditory) in text form. A full text alternative for multimedia including any interaction provides a running description of all that is going on in the multimedia content. The full text alternative for multimedia reads something like a book. Unlike audio description, the description of the video portion is not constrained to just the pauses in the existing dialogue. Full descriptions are provided of all visual information, including visual context, actions and expressions of actors, and any other visual material. In addition, non-speech sounds (laughter, off-screen voices, etc.) are described, and transcripts of all dialogue are included. The sequence of descriptions and dialogue transcripts is the same as the sequence in the multimedia itself. As a result, the full text alternative for multimedia can provide a much more complete representation of the multimedia content than audio description alone.

If there is any interaction as part of the multimedia presentation (e.g. "press now to answer the question") then the full text alternative for multimedia would provide hyperlinks or whatever is needed to provide parallel functionality.

Individuals whose vision is too poor to reliably read captions and whose hearing is too poor to reliably hear dialogue can access the full text alternative for multimedia by using a refreshable braille display.

Note: For 1.2.2, 1.2.3, and 1.2.7, if all of the information in the video track is already provided in the audio track, no audio description is necessary. [LC-1224]

Specific Benefits of Success Criterion 1.2.7:

  • People who cannot see well or at all and who also cannot hear well or at all can get access to information in audio-visual presentations.

Techniques for Addressing Success Criterion 1.2.7

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G69: Providing a full multimedia text alternative including any interaction USING one of the following techniques

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.2.7 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 1.2.7

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

General Techniques (Advisory)

Examples of Success Criterion 1.2.7

  • Example 1. full text alternative for multimedia for a training video

    A community center purchases a Training video for use by its clients and puts it on the center’s intranet. The video involves explaining use of a new technology and has a person talking and showing things at the same time. The community center provides a full text alternative for multimedia that all clients, including those who can neither see the demonstrations nor hear the explanations in the multimedia, can use to better understand what is being presented.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


Understanding Guideline 1.3: Ensure that presentation can be adapted by user agents without loss of information and structure488 1201

Intent of Guideline 1.3

The purpose of this guideline is to ensure that all information is available in a form that can be perceived by all users. If all of the information is available in a form that can be determined by software, then it can be presented to users in different ways (visually, audibly, tactilely etc.). If information is embedded in a particular presentation in such a way that the structure and information cannot be programmatically determined by the assistive technology, then it cannot be rendered in other formats as needed by the user. [LC-1201]

The success criteria under this guideline all seek to ensure that different types of information that are often encoded in presentation are also available so that they can be presented in other modalities.

Advisory Techniques for Guideline 1.3 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.


How to Meet Success Criterion 1.3.1 (Info and Relationships)

1.3.1 Information and relationships conveyed through presentation can be programmatically determined or are available in text [LC-742] , and notification of changes to these is available to user agents, including assistive technologies. (Level 1)

Key Terms

relationships

meaningful associations between distinct pieces of content [LC-1427]

presentation

rendering of the content in a form to be perceived by users [LC-490] [LC-1501]

programmatically determined

determined by software from author-supplied data provided in a way that different user agents, including assistive technologies, can extract and present this information to users in different modalities [LC-756] [LC-1502]

Example: Determined in a mark-up language from elements and attributes that are accessed directly by commonly available assistive technology.

Example: Determined from technology-specific data structures in a non-mark-up language and exposed to assistive technology via an accessibility API that is supported by commonly available assitive technology.

user agent

any software that retrieves and renders Web content for users

Example: Web browsers, media players, plug-ins, and other programs — including assistive technologies — that help in retrieving, rendering, and interacting with Web content. [LC-1269]

Assistive technology (as used in this document [LC-732] )

a user agent that both:

  1. provides services beyond those offered by the host user agents to meet the requirements of users with disabilities. Such services include alternative renderings (e.g., as synthesized speech or magnified content), alternative input methods (e.g., voice), additional navigation or orientation mechanisms, and content transformations (e.g., to make tables more accessible), and [LC-1178]

  2. relies on services (such as retrieving Web content and parsing markup) provided by one or more other "host" user agents. Assistive technologies communicate data and messages with host user agents by using and monitoring APIs

Note 1: In this definition, the host user agents are user agents in the general sense of the term. That is, any software that retrieves and renders Web content for users. The host user agent may provide important services to assistive technologies like retrieving Web content from program objects or parsing markup into identifiable bundles. [LC-732]

Note 2: Host user agents may also provide services directly that meet the requirements of users with disabilities. [LC-732]

Note 3: This definition is based on User Agent Accessibility Guidelines 1.0 Glossary.

Example: Examples of assistive technologies that are important in the context of this document include the following:

  • screen magnifiers, and other visual reading assistants, which are used by people with visual, perceptual and physical print disabilities to change text font, size, spacing, color, synchronization with speech, etc in order [LC-604] improve the visual readability of rendered text and images;

  • screen readers, which are used by people who are blind to read textual information through synthesized speech or braille;

  • text-to-speech software, which is used by some people with cognitive, language, and learning disabilities to convert text into synthetic speech;

  • voice recognition software, which may be used by people who have some physical disabilities;

  • alternative keyboards, which are used by people with certain physical disabilities to simulate the keyboard;

  • alternative pointing devices, which are used by people with certain physical disabilities to simulate mouse pointing and button activations.

Intent of this Success Criterion

The intent of this success criterion is to ensure that information and relationships that are implied by visual or auditory formatting are preserved when the presentation format changes. For example, the presentation format changes when the content is read by a screen reader or when a user style sheet is substituted for the style sheet provided by the author.

Sighted users perceive structure through various visual cues — headings are often in a larger, bold font separated from paragraphs by blank lines; list items are preceded by a bullet and perhaps indented; paragraphs are separated by a blank line; items that share a common characteristic are organized into tabular rows and columns; form fields may be positioned as groups that share text labels; a different background color may be used to indicate that several items are related to each other; words that have special status are indicated by changing the font family and /or bolding, italicizing, or underlining them and so on [LC-588] .

Auditory cues may be used as well. For example, a chime might indicate the beginning of a new section; a change in voice pitch or speech rate may be used to emphasize important information or to indicate quoted text; etc.

When such relationships are perceivable to one set of users, those relationships can be made to be perceivable to all. One method of determining whether or not information has been properly provided to all users is to access the information serially in different modalities.

If links to glossary items are implemented using anchor elements (or the proper link element for the technology in use) and identified using a different font face, a screen reader user will hear that the item is a link when the glossary term is encountered even though they may not receive information about the change in font face. An on-line catalog may indicate prices using a larger font colored red. A screen reader or person who can not perceive red, still has the information about the price as long as it is preceded by the currency symbol.

Some technologies do not provide a means to programmatically determine some types of information and relationships. In that case then there should be a text description of the information and relationships. For instance, "all required fields are marked with an asterisk (*)". The text description should be near the information it is describing (when the page is linearized), such as in the parent element or in the adjacent element.

Specific Benefits of Success Criterion 1.3.1:

  • This success criterion helps people with different disabilities by allowing user agents to adapt content according to the needs of individual users.

Techniques for Addressing Success Criterion 1.3.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: The technology provides semantic structure to make information and relationships conveyed through presentation programmatically determinable:
  1. G115: Using semantic elements to mark up structure AND H49: Using semantic markup to mark emphasized or special text (HTML)

  2. G117: Using text to convey information that is conveyed by variations in presentation of text

  3. Separating information and structure from presentation to enable modification of presentation without altering content (future link) [LC-1201]

  4. Making information and relationships conveyed through presentation programmatically determinable USING the following techniques:

Situation B: The technology in use does NOT provide the semantic structure to make the information and relationships conveyed through presentation programmatically determinable:
  1. G117: Using text to convey information that is conveyed by variations in presentation of text

  2. Making information and relationships conveyed through presentation programmatically determinable or available in text USING the following techniques:

Additional Techniques (Advisory) for 1.3.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

Examples of Success Criterion 1.3.1

  • A form with required fields

    A form contains several required fields. The labels for the required fields are displayed in red. In addition, at the end of each label is an asterisk character, *. The instructions for completing the form indicate that "all required fields are displayed in red and marked with an asterisk *", followed by an example. [LC-1079]

  • A form that uses color and text to indicate required fields

    A form contains both required and optional fields. Instructions at the top of the form explain that required fields are labeled with red text and also with an icon whose text alternative says, “Required.” . Both the red text and the icon are programmatically associated with the appropriate form fields so that assistive technology users can determine the required fields. [LC-1079]

  • A bus schedule table where the headers for each cell can be programmatically determined

    A bus schedule consists of a table with the bus stops listed vertically in the first column and the different buses listed horizontally across the first row. Each cell contains the time when the bus will be at that bus stop. The bus stop and bus cells are identified as headers for their corresponding row or column so that assistive technology can programmatically determine which bus and which bus stop are associated with the time in each cell.

  • A form where the labels for the checkboxes can be programmatically determined

    In a form, the labels for each checkbox can be programmatically determined by assistive technology.

  • A text document

    A simple text document is formatted with double blank lines before titles, asterisks to indicate list items and other standard formatting conventions so that its structure can be programmatically determined.


How to Meet Success Criterion 1.3.2 (Use of Color)

1.3.2 Any information that is conveyed by color differences is also visually evident without the color differences. [LC-742] (Level 1)

Key Terms

information that is conveyed by color differences

information presented in a manner that depends entirely on the ability to perceive color

Intent of this Success Criterion

The intent of this success criterion is to ensure that all users can access information that is conveyed by color. If the information is conveyed through color in an image (or other non-text format), the color cannot be programmatically determined by assistive technology. In this case, providing the information conveyed with color through another means ensures that assistive technology users who cannot see the color can still perceive the information.

Color is an important asset in design of Web content, enhancing its aesthetic appeal, its usability, and its accessibility. However, some users have difficulty perceiving color. People with partial sight often experience limited color vision, and many older users do not see color well. In addition, people using text-only, limited-color or monochrome displays and browsers will be unable to access information that is presented only in color.

Specific Benefits of Success Criterion 1.3.2:

  • This success criterion benefits people with visual disabilities:Users with partial sight often experience limited color vision.

  • Users who are blind (using a screen reader) benefit when information conveyed through color is also available in text (including text alternatives for images that use color to convey information).

  • Some older users may not be able to see color well.

  • Users who have color-blindness benefit when information conveyed by color is available in other visual ways.

  • Users with visual disabilities as well as limited hearing may be unable to access color-dependent information.

  • Users who are deaf-blind using braille (text) refreshable displays may be unable to access color-dependent information.

  • People using text-only, limited color or monochrome displays may be unable to access color-dependent information.

Techniques for Addressing Success Criterion 1.3.2

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If the color of particular words is used to indicate information:
  1. G14: Ensuring that color encoded information is also available in text

  2. G122: Including a text cue whenever color cues are used

  3. Ensuring that when text color is used to convey information, the text style is visually differentiated without color (future link) [LC-559] [LC-560]

  4. G138: Using semantic markup whenever color cues are used [LC-558]

Situation B: If color is used within an image to convey information:
  1. G111: Using color and pattern

  2. G14: Ensuring that color encoded information is also available in text

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.3.2 by the WCAG Working Group.

Additional Techniques (Advisory) for 1.3.2

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

General Techniques
  • Conveying information redundantly using color (future link)

Client-side Scripting Techniques
  • Changing the background color or border of the element with focus (future link)

Examples of Success Criterion 1.3.2

  • A form that uses color and text to indicate required fields

    A form contains both required and optional fields. Instructions at the top of the form explain that required fields are labeled with red text and also with an icon whose text alternative says, “Required.” . Both the red text and the icon are programmatically associated with the appropriate form fields so that assistive technology users can determine the required fields.

  • An examination.

    Students view an SVG image of a chemical compound and identify the chemical elements present based on the colors used in the diagram. The text alternatives associated with each element name the color of the element and indicate the element's position in the diagram. Students who cannot perceive color have the same information about the compound as their classmates. (This technique also satisfies Guideline 1.1 Level 1.)

  • Disabled Form elements.

    Form elements which are disabled via markup or scripting, are greyed out and made inactive by the user agent. When in the disabled state these elements do not receive focus. Assistive technologies can programmatically determine the state of disabled elements and will provide this information to the user as the elements are encountered on the page. The change in color and loss of focus provides redundant, visual information about the state of the control. [LC-717]

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 1.3.3 (Meaningful Sequence)

1.3.3 When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined and sequential navigation of interactive components is consistent with that sequence. [LC-1159] [LC-816] (Level 1)

Key Terms

programmatically determined

determined by software from author-supplied data provided in a way that different user agents, including assistive technologies, can extract and present this information to users in different modalities [LC-756] [LC-1502]

Example: Determined in a mark-up language from elements and attributes that are accessed directly by commonly available assistive technology.

Example: Determined from technology-specific data structures in a non-mark-up language and exposed to assistive technology via an accessibility API that is supported by commonly available assitive technology.

Intent of this Success Criterion

The intent of this success criterion is to enable a user agent to provide an alternative presentation of content while preserving the reading order needed to perceive meaning. It is important that it be possible to programmatically determine at least one sequence of the content that makes sense. Content that does not meet this success criterion may confuse or disorient users when assistive technology reads the content in the wrong order, or when alternate style sheets or other formatting changes are applied.

A sequence is meaningful if the order of content in the sequence cannot be changed without affecting its meaning. For example, if a page contains two independent articles, the relative order of the articles may not affect their meaning, as long as they are not interleaved. In such a situation, the articles themselves may have meaningful sequence, but the container that contains the articles may not have a meaningful sequence.

The semantics of some elements define whether or not their content is a meaningful sequence. For instance, in HTML, text is always a meaningful sequence. Tables and ordered lists are meaningful sequences, but unordered lists are not.

Specific Benefits of Success Criterion 1.3.3:

  • This success criterion may help people who rely on assistive technologies that read content aloud. The meaning evident in the sequencing of the information in the default presentation will be the same when the content is presented in spoken form.

Techniques for Addressing Success Criterion 1.3.3

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Additional Techniques (Advisory) for 1.3.3

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using left-justified text for languages that are written left to right and right-justified text for languages that are written right-to-left (future link) [LC-840]

  • Using appropriate justification for languages that are written right-to-left (future link) [LC-840]

  • Providing a link to linearized rendering (future link)

  • Providing a style switcher between style sheets that affect presentation order (future link)

Examples of Success Criterion 1.3.3

  • Example 1: In a multi-column document, the linear presentation of the content flows from the top of a column to the bottom of the column, then to the top of the next column.

  • Example 2: CSS is used to position a navigation bar, the main story on a page, and a side story. The visual presentation of the sections does not match the programmatically determined order, but the meaning of the page does not depend on the order of the sections.


How to Meet Success Criterion 1.3.4 (Size, Shape, Location)

1.3.4 Instructions provided for understanding and operating content do not rely on shape, size, visual location, or orientation of components. [LC-1160] [LC-640] (Level 1)

Intent of this Success Criterion

The intent of this success criterion is to ensure that all users can access instructions for using the content, even when they cannot perceive shape or size or use information about spatial location or orientation. Some content relies on knowledge of the shape or position of objects that are not available from the structure of the content (for example, "round button" or "button to the right"). Some users with disabilities are not able to perceive shape or position due to the nature of the assistive technologies they use. This success criterion requires that additional information be provided to clarify anything that is dependent on this kind of information.

Providing information using shape and/or location, however, is an effective method for many users including those with cognitive limitations. This provision should not discourage those types of cues as long as the information is also provided in other ways.

Specific Benefits of Success Criterion 1.3.4:

  • People who are blind and people who have low vision may not be able to understand information if it is conveyed by shape and/or location. Providing additional information other than shape and/or location will allow them to understand the information conveyed by shape and/or alone.

Techniques for Addressing Success Criterion 1.3.4

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.3.4 by the WCAG Working Group.

Additional Techniques (Advisory) for 1.3.4

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using an image with a text alternative for graphical symbols instead of a Unicode font glyph with the desired graphical appearance but different meaning (future link) [LC-798]

Examples of Success Criterion 1.3.4

  • Example 1: A schedule of competitive events uses color and shape to distinguish the time of each event

    A table presents a list of times across the top row and a list of events in the first vertical column. The cell corresponding to the time of a particular event has a specific background color and diamond shaped glyph so it can be identified by color and shape. [LC-1082]

  • Example 2: An online multi-page survey

    An online multi-page survey uses a link implemented as a green arrow icon placed in the lower right hand corner of the content to move from one survey page to the next. The arrow is clearly labeled with "Next" and the instructions state, "To move to the next section of the survey, select the green arrow icon labeled 'Next' in the lower right below the last survey question." This example uses both positioning, color and labeling to help identify the icon. [LC-1082]


Understanding Guideline 1.4: Make it easy to distinguish foreground information from its background

Intent of Guideline 1.4

While some guidelines are focused on making information available in a form that can be presented in alternate formats, this guideline is concerned with making the default presentation as usable as possible to people with disabilities. The primary focus is on making it easier for users to separate foreground information from the background. For visual presentations this involves making sure that information presented on top of a background contrasts sufficiently with the background. For audio presentations this involves making sure that foreground sounds are sufficiently louder than the background sounds. Individuals with visual and hearing disabilities have much greater difficulty separating foreground and background information.

Advisory Techniques for Guideline 1.4 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.


How to Meet Success Criterion 1.4.1 (Audio Turnoff)

1.4.1 If any audio plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume which can be set independently of the system volume. [LC-1162] [LC-1286] [LC-1085] [LC-1237] (Level 1)

Key Terms

mechanism

process or technique for achieving a result

Note 1: The mechanism may be explicitly provided in the content, or may be relied on to be provided by either the platform or by user agents, including assistive technologies.

Note 2: The mechanism must meet all success criteria for the conformance level claimed. [LC-619]

Intent of this Success Criterion

Individuals who use screen reading software can find it hard to understand the speech output if there is other audio playing at the same time. This difficulty is exacerbated when the screen reader's speech output is software based (as most are today) and is controlled via the same volume control as the sound.

Specific Benefits of Success Criterion 1.4.1:

  • Individuals who use screen reading technologies can hear the screen reader without other sounds playing. This is especially important for those who are hard of hearing and for those whose screen readers use the system volume (so they cannot turn sound down and screen reader up).

  • This success criterion also benefits people who have difficulty focusing on visual content (including text) when audio is playing.

Techniques for Addressing Success Criterion 1.4.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G60: Playing a sound that turns off automatically within three seconds

  2. Playing sounds only on user request (future link)

  3. Providing a control near the top of the Web page that turns off sounds that play automatically (future link)

  4. Providing a user interface control to pause or stop multimedia (future link) [LC-1286]

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.4.1 by the WCAG Working Group.

Additional Techniques (Advisory) for 1.4.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Providing a sitewide preference to turn off audio in addition to providing a control near the top of the Web page that turns off sounds that play automatically (future link)

Examples of Success Criterion 1.4.1

  • An audio file begins playing automatically when a page is opened. However, the audio can be stopped by the user by selecting a "silent" link at the top of the page.

    An audio file begins playing automatically when a page is opened. However, the audio can be stopped by the user by selecting a "silent" link at the top of the page.

  • A Flash splash page with sound that plays and then stops in less than 3 seconds. [LC-794]

  • A Flash splash page with sound that plays that can be turned off. [LC-794]


How to Meet Success Criterion 1.4.2 (Contrast (Minimum))

1.4.2 Text and images of text have a contrast ratio of at least 5:1 with their background. Text or images of text may have a contrast ratio of at least 3:1 where all of the following are true: [LC-511] (Level 2)

  • Text is at least twice the height of the body text; and

  • the text has a stem width of at least three times the stem width of the body text; and

  • the text is presented over a non-patterned background.

Note: This requirement does not apply to text or images of text that are pure decoration.

Key Terms

contrast ratio

(L1 + 0.05) / (L2 + 0.05), where L1 is the relative luminance [LC-580] of the lighter of the foreground [LC-1182] or background colors, and L2 is the relative luminance [LC-580] of the darker of the foreground [LC-1182] or background colors.

Note 1: The relative luminance of an sRGB color is defined as 0.2126 * R + 0.7152 * G + 0.0722 * B where R, G and B are defined as:

  • if RsRGB <= 0.03928 then R = RsRGB/12.92 else R = ((RsRGB+0.055)/1.055) ^ 2.4

  • if GsRGB <= 0.03928 then G = GsRGB/12.92 else G = ((GsRGB+0.055)/1.055) ^ 2.4

  • if BsRGB <= 0.03928 then B = BsRGB/12.92 else B = ((BsRGB+0.055)/1.055) ^ 2.4

The "^" character is the exponentiation operator. Refer to [sRGB] and [IEC-4WD] for conversion from nonlinear to linear RGB values.

Note 2: Relative luminance values can range from 0 (black) to 1 (white), and contrast ratios can range from 1 to 21 (commonly written 1:1 to 21:1).

Note 3: For dithered colors, use average values of the colors used (average R, average G, and average B).

Note 4: Text can be evaluated with anti-aliasing turned off.

Note 5: For text displayed over gradients and background images, authors should ensure that sufficient contrast exists for each character in the content.

Note 6: A MathML version of the contrast ratio definition is available. [LC-603] [LC-854]

body text

the base font used for text in a paragraph

stem width

the width of the dominant stem of the font

Note: This is usually the width of the vertical stroke of the letter "T" in a Latin font (e.g. English).

pure decoration

serving only an aesthetic purpose, providing no information, and having no functionality.

Intent of this Success Criterion

The intent of this success criterion is to provide enough contrast between text and its background so that it can be easily read by people with low vision. The contrast is calculated in such a way that color is not a key factor so that people who also have a color vision deficit will also see a contrast between the text and the background. Decorations that are included in an image along with a diagram but that convey no information are not part of the diagram. [LC-1161]

The 5:1 contrast ratio provides a minimum contrast of around 3:1 for the major types of color blindness. A contrast ratio of 3:1 is the minimum level recommended by [ISO-9241-3] and [ANSI-HFES-100-1988].

Calculations in ISO 9241-3 and ANSI/HFS 100-1988 are for body text. A relaxed contrast ratio is provided for text that is much larger (twice as tall and with three time the thickness of lines in the character).

Notes on formula

Conversion from nonlinear to linear RGB values is based on IEC/4WD 61966-2-1 [IEC-4WD] and on "A Standard Default Color Space for the Internet - sRGB" [sRGB].

The formula (L1/L2) for contrast is based on ISO 9241-3 and ANSI/HFS 100-1988 standards.

The ANSI/HFS 100-1988 standard calls for the contribution from ambient light to be included in the calculation of L1 and L2. The .05 value used is based on Typical Viewing Flare from IEC/4WD 61966-2-1 and the sRGB paper by M. Stokes et al.

This success criterion and its definitions uses the terms contrast ratio and relative luminance rather than luminance to reflect the fact that Web content does not emit light itself. The contrast ratio gives a measure of the relative luminance that would result when displayed. (Because it is a ratio, it is dimensionless.)

Note: Refer to related resources for a list of tools that utilize the contrast ratio to analyze the contrast of Web content. [LC-603]

Specific Benefits of Success Criterion 1.4.2:

  • People with low vision often have difficulty reading text that does not contrast with its background. This can be exacerbated if the person has a color vision deficiency that lowers the contrast even further. Providing a minimum luminance contrast ratio between the text and its background can make the text more readable even if the person does not see the full range of colors. It also works for the rare individuals who see no color.

Techniques for Addressing Success Criterion 1.4.2

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.4.2 by the WCAG Working Group.

Additional Techniques (Advisory) for 1.4.2

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using a higher contrast value for text that is over a patterned background (future link)

  • Creating foreground and background contrast (future link)

  • Using a light pastel background rather than a white background behind black text (future link) [LC-840]

  • Using unicode text and style sheets instead of images of text (future link) [LC-511]

  • Using a higher contrast values for lines in diagrams (future link)

Examples of Success Criterion 1.4.2


How to Meet Success Criterion 1.4.3 (Resize text)

1.4.3 Visually rendered text can be resized without assistive technology up to 200 percent and down to 50 percent without loss of content or functionality. [LC-469] (Level 2)

Key Terms

Assistive technology (as used in this document [LC-732] )

a user agent that both:

  1. provides services beyond those offered by the host user agents to meet the requirements of users with disabilities. Such services include alternative renderings (e.g., as synthesized speech or magnified content), alternative input methods (e.g., voice), additional navigation or orientation mechanisms, and content transformations (e.g., to make tables more accessible), and [LC-1178]

  2. relies on services (such as retrieving Web content and parsing markup) provided by one or more other "host" user agents. Assistive technologies communicate data and messages with host user agents by using and monitoring APIs

Note 1: In this definition, the host user agents are user agents in the general sense of the term. That is, any software that retrieves and renders Web content for users. The host user agent may provide important services to assistive technologies like retrieving Web content from program objects or parsing markup into identifiable bundles. [LC-732]

Note 2: Host user agents may also provide services directly that meet the requirements of users with disabilities. [LC-732]

Note 3: This definition is based on User Agent Accessibility Guidelines 1.0 Glossary.

Example: Examples of assistive technologies that are important in the context of this document include the following:

  • screen magnifiers, and other visual reading assistants, which are used by people with visual, perceptual and physical print disabilities to change text font, size, spacing, color, synchronization with speech, etc in order [LC-604] improve the visual readability of rendered text and images;

  • screen readers, which are used by people who are blind to read textual information through synthesized speech or braille;

  • text-to-speech software, which is used by some people with cognitive, language, and learning disabilities to convert text into synthetic speech;

  • voice recognition software, which may be used by people who have some physical disabilities;

  • alternative keyboards, which are used by people with certain physical disabilities to simulate the keyboard;

  • alternative pointing devices, which are used by people with certain physical disabilities to simulate mouse pointing and button activations.

Editorial Note: Drafts in Wiki as How to meet 1.4.5, to be discussed Feb. 1 2007.


How to Meet Success Criterion 1.4.4 (Contrast (Enhanced))

1.4.4 Text and images of text have a contrast ratio of at least 10:1 with their background. Text or images of text may have a contrast ratio of at least 7:1 where all of the following are true: [LC-511] (Level 3)

  • Text is at least twice the height of the body text; and

  • the text has a stem width of at least three times the stem width of the body text; and

  • the text is presented over a non-patterned background.

Note: This requirement does not apply to text or images of text that are pure decoration.

Key Terms

contrast ratio

(L1 + 0.05) / (L2 + 0.05), where L1 is the relative luminance [LC-580] of the lighter of the foreground [LC-1182] or background colors, and L2 is the relative luminance [LC-580] of the darker of the foreground [LC-1182] or background colors.

Note 1: The relative luminance of an sRGB color is defined as 0.2126 * R + 0.7152 * G + 0.0722 * B where R, G and B are defined as:

  • if RsRGB <= 0.03928 then R = RsRGB/12.92 else R = ((RsRGB+0.055)/1.055) ^ 2.4

  • if GsRGB <= 0.03928 then G = GsRGB/12.92 else G = ((GsRGB+0.055)/1.055) ^ 2.4

  • if BsRGB <= 0.03928 then B = BsRGB/12.92 else B = ((BsRGB+0.055)/1.055) ^ 2.4

The "^" character is the exponentiation operator. Refer to [sRGB] and [IEC-4WD] for conversion from nonlinear to linear RGB values.

Note 2: Relative luminance values can range from 0 (black) to 1 (white), and contrast ratios can range from 1 to 21 (commonly written 1:1 to 21:1).

Note 3: For dithered colors, use average values of the colors used (average R, average G, and average B).

Note 4: Text can be evaluated with anti-aliasing turned off.

Note 5: For text displayed over gradients and background images, authors should ensure that sufficient contrast exists for each character in the content.

Note 6: A MathML version of the contrast ratio definition is available. [LC-603] [LC-854]

body text

the base font used for text in a paragraph

stem width

the width of the dominant stem of the font

Note: This is usually the width of the vertical stroke of the letter "T" in a Latin font (e.g. English).

pure decoration

serving only an aesthetic purpose, providing no information, and having no functionality.

Intent of this Success Criterion

The intent of this success criterion is to provide enough contrast between text and its background so that it can be easily read by people with low vision. The contrast is calculated in such a way that color is not a key factor so that people who also have a color vision deficit will also see a contrast between the text and the background. Decorations that are included in an image along with a diagram but that convey no information are not part of the diagram. [LC-1161]

The 10:1 contrast ratio provides a minimum contrast of around 7:1 for the major types of color blindness. A contrast ratio of 7:1 is recommended by [ANSI-HFES-100-1988].

Calculations in ISO 9241-3 and ANSI/HFS 100-1988 are for body text. A relaxed contrast ratio is provided for text that is much larger (twice as tall and with three time the thickness of lines in the character).

Notes on formula

Conversion from nonlinear to linear RGB values is based on IEC/4WD 61966-2-1 [IEC-4WD] and on "A Standard Default Color Space for the Internet - sRGB" [sRGB].

The formula (L1/L2) for contrast is based on ISO 9241-3 and ANSI/HFS 100-1988 standards.

The ANSI/HFS 100-1988 standard calls for the contribution from ambient light to be included in the calculation of L1 and L2. The .05 value used is based on Typical Viewing Flare from IEC/4WD 61966-2-1 and the sRGB paper by M. Stokes et al.

This success criterion and its definitions uses the terms contrast ratio and relative luminance rather than luminance to reflect the fact that Web content does not emit light itself. The contrast ratio gives a measure of the relative luminance that would result when displayed. (Because it is a ratio, it is dimensionless.)

Note: Refer to related resources for a list of tools that utilize the contrast ratio to analyze the contrast of Web content. [LC-603]

Specific Benefits of Success Criterion 1.4.4:

  • People with low vision often have difficulty reading text that does not contrast with its background. This can be exacerbated if the person has a color vision deficiency that lowers the contrast even further. Providing a minimum luminance contrast ratio between the text and its background can make the text more readable even if the person does not see the full range of colors. It also works for the rare individuals who see no color.

Techniques for Addressing Success Criterion 1.4.4

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.4.4 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 1.4.4

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using a higher contrast value for text that is over a patterned background (future link)

  • Using unicode text and style sheets instead of images of text (future link) [LC-511]

  • Using a light pastel background rather than a white background behind black text (future link) [LC-840]

  • Using a higher contrast values for lines in diagrams (future link)

Examples of Success Criterion 1.4.4


How to Meet Success Criterion 1.4.5 (Low or No Background Audio)

1.4.5 Audio content does not contain background sounds, background sounds can be turned off, or background sounds are at least 20 decibels lower than the foreground speech content, with the exception of occasional sound effects. [LC-743] (Level 3)

Note: Background sound that meets this requirement will be approximately one quarter as loud as the foreground speech content. [LC-743] [LC-1163]

Intent of this Success Criterion

The intent of this success criterion is to ensure that any non-speech sounds are low enough that a user who is hard of hearing can understand the speech. Individuals who are hard of hearing have difficulty separating speech from background sounds or other noise. Background sound that meets this requirement will be approximately one quarter as loud as the foreground speech content. [LC-743]

The value of 20 dB was chosen based on Large area assistive listening systems (ALS): Review and recommendations [LAALS] and In-the-ear measurements of interference in hearing aids from digital wireless telephones [HEARING-AID-INT] [LC-1228]

Specific Benefits of Success Criterion 1.4.5:

  • People who are hard of hearing often have great difficulty separating speech from background sound.

Techniques for Addressing Success Criterion 1.4.5

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 1.4.5 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 1.4.5

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Providing a way for users to adjust auditory levels of foreground and background sound independently. (future link)

Examples of Success Criterion 1.4.5

Related Resources

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 1.4.6 (Resize and Wrap)

1.4.6 Visually rendered text can be resized without assistive technology up to 200 percent and down to 50 percent without loss of content or functionality and in a way that does not require the user to scroll horizontally. [LC-469] (Level 3)

Key Terms

Assistive technology (as used in this document [LC-732] )

a user agent that both:

  1. provides services beyond those offered by the host user agents to meet the requirements of users with disabilities. Such services include alternative renderings (e.g., as synthesized speech or magnified content), alternative input methods (e.g., voice), additional navigation or orientation mechanisms, and content transformations (e.g., to make tables more accessible), and [LC-1178]

  2. relies on services (such as retrieving Web content and parsing markup) provided by one or more other "host" user agents. Assistive technologies communicate data and messages with host user agents by using and monitoring APIs

Note 1: In this definition, the host user agents are user agents in the general sense of the term. That is, any software that retrieves and renders Web content for users. The host user agent may provide important services to assistive technologies like retrieving Web content from program objects or parsing markup into identifiable bundles. [LC-732]

Note 2: Host user agents may also provide services directly that meet the requirements of users with disabilities. [LC-732]

Note 3: This definition is based on User Agent Accessibility Guidelines 1.0 Glossary.

Example: Examples of assistive technologies that are important in the context of this document include the following:

  • screen magnifiers, and other visual reading assistants, which are used by people with visual, perceptual and physical print disabilities to change text font, size, spacing, color, synchronization with speech, etc in order [LC-604] improve the visual readability of rendered text and images;

  • screen readers, which are used by people who are blind to read textual information through synthesized speech or braille;

  • text-to-speech software, which is used by some people with cognitive, language, and learning disabilities to convert text into synthetic speech;

  • voice recognition software, which may be used by people who have some physical disabilities;

  • alternative keyboards, which are used by people with certain physical disabilities to simulate the keyboard;

  • alternative pointing devices, which are used by people with certain physical disabilities to simulate mouse pointing and button activations.

Editorial Note: Drafts in Wiki as How to meet 1.4.6, to be discussed Feb. 1 2007.


Understanding Guideline 2.1: Make all functionality operable via a keyboard interface

Intent of Guideline 2.1

If all functionality can be achieved using the keyboard, it can be accomplished by keyboard users, by speech input (which creates keyboard input), by mouse (using on-screen keyboards), and by a wide variety of assistive technologies that create simulated keystrokes as their output. No other input form has this flexibility or is universally supported and operable by people with different disabilities, as long as the keyboard input is not time-dependent.

Note that providing universal keyboard input does not mean that other types of input should not be supported. Optimized speech input, optimized mouse/pointer input, etc., are also good. The key is to provide keyboard input and control as well.

Some devices do not have native keyboards—for example, a PDA or cell phone. If these devices have a Web browsing capability, however, they will have some means of generating text or "keystrokes." This guideline uses the term "keyboard interface" to acknowledge that Web content should be controlled from keystrokes that may come from a keyboard, keyboard emulator, or other hardware or software that generates keyboard or text input.

Advisory Techniques for Guideline 2.1 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.

  • All advisory techniques for this guideline relate to specific success criteria and are listed below.

How to Meet Success Criterion 2.1.1 (Keyboard)

2.1.1 All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying task requires time-dependent analog input. [LC-922] [LC-1164] (Level 1)

Note: This does not forbid and should not discourage providing mouse input or other input methods in addition to keyboard operation.

Key Terms

functionality

processes and outcomes achievable through user action

keyboard interface

interface used by software to obtain keystroke input

Note 1: Allows users to provide keystroke input to programs even if the native technology does not contain a keyboard.

Example: A touch screen PDA has a keyboard interface built into its operating system as well as a connector for external keyboards. Applications on the PDA can use the interface to obtain keyboard input either from an external keyboard or from other applications that provide simulated keyboard output, such as handwriting interpreters or speech-to-text applications with "keyboard emulation" functionality.

Note 2: Operation of the application (or parts of the application) through a keyboard-operated mouse emulator, such as MouseKeys, does not qualify as operation through a keyboard interface because operation of the program is through its pointing device interface, not through its keyboard interface.

time-dependent analog input

input whose result is different depending on the rate of the analog movement (such as when line width varies with pen speed or pressure)

Note: Most actions carried out by a pointing device can also be done from the keyboard (for example, clicking, selecting, moving, sizing). However, there is a small class of input that is done with a pointing device that cannot be done from the keyboard in any known fashion. This type of input can be best characterized by the fact that the outcome can only be achieved by moving the pointer in a smooth fashion at a certain rate. For example, in a watercolor program stroke width and transparency may depend on the rate of movement (and/or pressure) of a "brush." Another example would be a real-time helicopter flight simulator. [LC-1164]

Intent of this Success Criterion

The intent of this success criterion is to ensure that, wherever possible, content can be operated through a keyboard or keyboard interface. When content can be operated through a keyboard or alternate keyboard, it is operable by people with no vision (who cannot use devices such as mice that require eye-hand coordination) as well as by people who must use alternate keyboards or input devices that act as keyboard emulators. Keyboard emulators include speech input software, sip-and-puff software, on-screen keyboards, scanning software and a variety of assistive technologies and alternate keyboards. Individuals with low vision also may have trouble tracking a pointer and find the use of software much easier (or only possible) if they can control it from the keyboard.

Examples of "specific timings for individual keystrokes" include situations where a user would be required to repeat or execute multiple keystrokes within a short period of time or where a key must be held down for an extended period before the keystroke is registered. [LC-1164]

The phrase "except where the task requires analog, time-dependent input" is included to separate those things that cannot reasonably be controlled from a keyboard. For example, a watercolor application where the stroke is defined by the movement and speed of movement and/or pressure is not something that can be controlled from a keyboard. Also, the use of MouseKeys would not satisfy this success criterion because it is not a keyboard equivalent to the application; it is a mouse equivalent (i.e. it looks like a mouse to the application).

Note: This time dependence is not a time limit situation, so is not covered by 2.2.1.

When considering whether analog, time-dependent input is required for the underlying task (what you are trying to do) a key question is, could you achieve the same functionality in a different way using an input device that was not analog, time-dependent (e.g. using a keyboard). [LC-922]

Specific Benefits of Success Criterion 2.1.1:

  • People who are blind (who cannot use devices such as mice that require eye-hand coordination)

  • People with low vision (who may have trouble finding or tracking a pointer indicator on screen)

  • Some people with hand tremors find using a mouse very difficult and therefore usually use a keyboard [LC-1086]

Techniques for Addressing Success Criterion 2.1.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G21: Ensuring that users are not trapped in content AND G90: Providing keyboard-controllable event handlers USING one of the following techniques:

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 2.1.1 by the WCAG Working Group.

Additional Techniques (Advisory) for 2.1.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Providing keyboard access to important links and form controls (future link)

  • Using unique letter combinations to begin each item of a list (future link)

  • Choosing the most abstract event handler (future link)

  • Using the onactivate event (future link)

  • Avoiding use of common user-agent keyboard commands for other purposes (future link) [LC-726]

Examples of Success Criterion 2.1.1

  • Example 1: A drawing Program.

    A drawing program allows users to create, size, position and rotate objects from the keyboard.

  • Example 2: A drag and Drop Feature.

    An application that uses drag and drop also supports "cut" and "paste" or form controls to move objects.

  • Example 3: Moving between and connecting discrete points.

    A connect-the-dots program allows the user to move between dots on a screen and use the spacebar to connect the current dot to the previous one.

  • Example 4: Exception - Painting Program.

    A watercolor painting program passes as an exception because the brush strokes vary depending on the speed and duration of the movements.

  • Example 5: Exception - Model helicopter flight training simulator.

    A model helicopter flight training simulator passes as an exception because the nature of the simulator is to teach real-time behavior of a model helicopter.

  • Example 6: A PDA with an optional keyboard

    A PDA device that is usually operated via a stylus has an optional keyboard that can be attached. The keyboard allows full Web browsing in standard fashion. The Web content is operable because it was designed to work with keyboard-only access.


How to Meet Success Criterion 2.1.2 (Keyboard (No Exception))

2.1.2 All functionality of the content is operable in a non-time-dependent manner through a keyboard interface. (Level 3)

Key Terms

functionality

processes and outcomes achievable through user action

keyboard interface

interface used by software to obtain keystroke input

Note 1: Allows users to provide keystroke input to programs even if the native technology does not contain a keyboard.

Example: A touch screen PDA has a keyboard interface built into its operating system as well as a connector for external keyboards. Applications on the PDA can use the interface to obtain keyboard input either from an external keyboard or from other applications that provide simulated keyboard output, such as handwriting interpreters or speech-to-text applications with "keyboard emulation" functionality.

Note 2: Operation of the application (or parts of the application) through a keyboard-operated mouse emulator, such as MouseKeys, does not qualify as operation through a keyboard interface because operation of the program is through its pointing device interface, not through its keyboard interface.

Intent of this Success Criterion

The intent of this success criterion is to ensure that all content is operable from the keyboard.This is the same as success criterion 2.1.1, except that no exceptions are allowed. This does not mean that analog, time-dependent input (excluded from the requirements of 2.1.1) must be made keyboard accessible. Rather, it means that content that uses analog, time-dependent input cannot conform to this success criterion and therefore cannot meet Guideline 2.1 at Level 3.

Techniques for Addressing Success Criterion 2.1.2

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. No additional techniques exist for this Success Criterion. Follow techniques for Success Criterion 2.1.1. If that is not possible because there is a requirement for analog, time-dependent input, then it is not possible to meet this Level 3 Success Criterion.


Understanding Guideline 2.2: Allow users to control time limits on their reading or interaction

Intent of Guideline 2.2

Many users who have disabilities need more time to complete tasks than the majority of users: they may take longer to physically respond, they may take longer to read things, they may have low vision and take longer to find things or to read them, or they may be accessing content through an assistive technology that requires more time. This guideline focuses on ensuring that users are able to complete the tasks required by the content with their own individual response times. The primary approaches deal with eliminating time constraints or providing users enough additional time to allow them to complete their tasks. Exceptions are provided for those cases where this is not possible.

Advisory Techniques for Guideline 2.2 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.

  • All advisory techniques for this guideline relate to specific success criteria and are listed below.

How to Meet Success Criterion 2.2.1 (Timing)

2.2.1 For each time limit that is set by the content [LC-1166] , at least one of the following is true: [LC-996] (Level 1)

  • Deactivate: the user is allowed to deactivate the time limit before encountering it [LC-1238] ; or

  • Adjust: the user is allowed to adjust the time limit before encountering it [LC-1238] over a wide range that is at least ten times the length of the default setting; or

  • Extend: the user is warned before time expires and given at least 20 seconds to extend the time limit with a simple action (for example, "hit any key"), and the user is allowed to extend the time limit at least ten times; or

  • Real-time Exception: the time limit is a required [LC-1046] part of a real-time event (for example, an auction), and no alternative to the time limit is possible; or

  • Essential Exception: the time limit is part of an activity where timing is essential (for example, competitive gaming or time-based testing) and time limits can not be extended further without invalidating the activity.

Key Terms

activity where timing is essential

activity where timing is part of the design of the activity and removal of the time dependency would change the functionality of the content

Intent of this Success Criterion

The intent of this success criterion is to ensure that users with disabilities are given adequate time to interact with Web content whenever possible. People with disabilities such as blindness, dexterity impairments, and cognitive limitations may require more time to perform functions such as filling out on-line forms. If Web functions are time-dependent, it will be difficult for some users to perform the required action before a time limit occurs. This may render the service inaccessible to them. Designing functions that are not time-dependent will help people with disabilities succeed at completing these functions. Providing options to disable time limits, customize the length of time limits, or request more time before a time limit occurs helps those users who require more time than expected to successfully complete tasks. Any process that happens without user initiation after a set time or on a periodic basis is a time limit. This includes partial or full updates of content, changes to content, or the expiration of a window of opportunity for a user to react to a request for input. [LC-1089]

In some cases, however, it is not possible to change the time limit (for example, for an auction or other real-time event) and exceptions are therefore provided for those cases.

Notes regarding server time limits

  • Timed server redirects can be found below under Common Failures.

  • Server time limits like login expiration are dealt with in success criterion 2.2.6.

  • Non-timed server redirects (e.g. 3xx response codes) are not applicable because there is no time limit: they work instantly.

  • This Success Criterion applies only to time limits that are set by the content itself. Time limits set externally to content, such as by the user agent or by factors intrinsic to the Internet, are not under the author's control and not subject to WCAG conformance requirements. Time limits set by Web servers should be under the author's control and are addressed by other SC. [LC-1166]

  • 10 times the default was chosen based on clinical experience and other guidelines. For example, if 15 seconds is allowed for a user to respond and hit a switch, 150 seconds would be sufficient to allow almost all users to hit a switch even if they had trouble. [LC-1230]

  • 20 seconds was also based on clinical experience and other guidelines. 20 seconds to hit 'any switch' is sufficient for almost all users including those with spasticity. Some would fail, but some would fail all lengths of time. A reasonable period for requesting more time is required since an arbitrarily long time can provide security risks to all users, including those with disabilities, for some applications. For example, with kiosks or terminals that are used for financial transactions, it is quite common for people to walk away without signing off. This leaves them vulnerable to those walking up behind them. Providing a long period of inactivity before asking, and then providing a long period for the person to indicate that they are present can leave terminals open for abuse. If there is no activity the system should ask if the user is there. It should then ask for an indication that a person is there ('hit any key') and then wait long enough for almost anyone to respond. For "hit any key," 20 seconds would meet this. If the person indicates that they are still present, the device should return the user to the exact condition that existed before it asked the question. [LC-1230]

Specific Benefits of Success Criterion 2.2.1:

  • People with physical disabilities often need more time to react, to type and to complete activities. People with low vision need more time to locate things on screen and to read. People who are blind and using screen readers may need more time to understand screen layouts, to find information and to operate controls. People who have cognitive or language limitations need more time to read and to understand. People who are deaf and communicate in sign language may need more time to read information printed in text (which may be a second language for some).

  • In circumstances where a sign-language interpreter may be relating audio content to a user who is deaf, control over time limits is also important.

Techniques for Addressing Success Criterion 2.2.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If there are session time limits:
  1. G133: Providing a checkbox on the first page of a multipart form that allows users to ask for longer session time limit or no session time limit

Situation B: If a time limit is controlled by a script on the page:
  1. Providing a way for the user to turn the time limit off (future link)

  2. Providing the user with a means to set the time limit to 10 times the default time limit (future link)

  3. SCR16: Providing a script that warns the user a time limit is about to expire (SCRIPT) AND SCR1: Allowing the user to extend the default time limit (SCRIPT)

Additional Techniques (Advisory) for 2.2.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using a script to poll the server and notify a user if a time limit is present (future link)

Examples of Success Criterion 2.2.1

  • A Web site uses a client side time limit to help protect consumers who may step away from their computer. After a period of inactivity the Web page asks if the user needs more time. If it doesn’t get a response – it times out.

  • A Web page has a field that automatically updates with the latest headlines in a rotating fashion. There is an interactive control that allows the user to extend the length of time between each update to as much as 10 times the default. The control can be operated with either a mouse or a keyboard. [LC-783]

  • In an auction, there is a time limit on the amount of time a user has to submit a bid. Since the time limit applies to all users who want to bid on a particular item, it would be unfair to extend the time limit for any one particular user. Therefore, a time limit is required for this type of activity and no extension, adjustment, or deactivation of the time limit is required by this success criteria. [LC-1046]

  • An online ticket-purchasing site gives the user two minutes to confirm a purchase before the seats are returned to the general pool. Because tickets on such sites can sell out quickly, holding a ticket longer than that may invalidate the nature of the site, so this is a case in which the timing is essential and cannot be extended without invalidating the activity. However, the site does move as much of the process out of the time-critical period as possible, for instance allowing users to provide necessary information like name, payment method, etc., before entering the time-critical stage. [LC-1167]

  • A ticket-purchasing site allows the user two minutes to confirm purchase of selected seats, but warns the user when their time is almost out and allows the user to extend this time limit some number of times with a simple action such as clicking a "Extend time limit" button. [LC-1167]

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 2.2.2 (Blinking)

2.2.2 Content does not blink for more than three seconds, or a method is available to stop all blinking content in the Web page [LC-745] . (Level 2)

Note: For requirements related to flickering or flashing content, refer to Allow users to avoid content that could cause seizures due to photosensitivity: .

blink

turn on and off between 0.5 and 3 times per second

Note: The slower blink is in contrast with flashing, which refers to rapid changes in brightness which can cause seizures. See general flash threshold and red flash threshold. [LC-1414]

Web page

a resource that is referenced by a URI and is not embedded in another resource, plus any other resources that are used in the rendering or intended to be rendered together with it [LC-862]

Note: Although any "other resources" would be rendered together with the primary resource, they would not necessarily be rendered simultaneously with each other.

Example 1: A movie-like interactive shopping environment where the user visually moves about a store dragging products off of the shelves around them into a visual shopping cart in front of them. Clicking on a product causes it to be demonstrated with a specification sheet alongside.

Example 2: A Web resource including all embedded images and media.

The intent of this success criterion is to avoid distracting users during their interaction with a Web page. Certain groups, particularly those with attention deficit disorders, find blinking content distracting, making it difficult for them to concentrate on other parts of the Web page. Three seconds was chosen because it is long enough to get a user's attention, but not so long that a user can not wait it out if necessary in order to use the page and the blinking blocks their ability to focus on the page.

  • Providing content that stops blinking after three seconds or providing a mechanism for users to stop blinking content allows people with certain disabilities to interact with the Web page.

  • One use of content that blinks is to draw the visitor's attention to that content. Although this is an effective technique for all users with vision, it can be a problem for some users if it persists. For certain groups, including people with low literacy, reading and intellectual disabilities, and people with attention deficit disorders, content that blinks may make it difficult or even impossible to interact with the rest of the Web page.

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

  1. G11: Creating content that blinks for less than 3 seconds

  2. Using a technology to include blinking content that can be turned off via the user agent (future link)

  3. Using a control in the Web page that stops blinking content (future link) USING one of the following techniques:

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Providing a mechanism to stop all content that blinks within a Web page (future link)

  • Providing the user with a means to stop moving content even if it stops automatically within 3 seconds (future link)

  • Example 1: A Web advertisement blinks to get viewers attention but stops after 3 seconds

  • Example 2: A form blinks an arrow near the submit button if a user finishes filling out the form but does not activate the submit button. The blinking stops after 3 seconds.

  • Example 3: An animation runs in the upper portion of the page but has a "freeze animation" button near the bottom of the animation.

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 2.2.3 (Pausing)

2.2.3 Moving, blinking, scrolling, or auto-updating information can be paused by the user unless it is part of an activity where timing or movement is essential. Moving content that is pure decoration can be stopped by the user. [LC-1169] (Level 2)

Key Terms

paused

stopped by user request and not restarted until requested by user

activity where timing is essential

activity where timing is part of the design of the activity and removal of the time dependency would change the functionality of the content

paused

stopped by user request and not restarted until requested by user

activity where timing is essential

activity where timing is part of the design of the activity and removal of the time dependency would change the functionality of the content

Intent of this Success Criterion

The intent of this success criterion is to provide an option to temporarily stop content from advancing or updating at a rate beyond the user's ability to read and/or understand the content as it changes.

"Moving" refers to content in which the visible content conveys a sense of motion. Common examples include motion pictures, multimedia presentations, animations, real-time games, and scrolling stock tickers.

"Time-based" refers to content that updates or disappears based on a preset time interval. Common time-based content includes audio, automatically updated weather information, news, stock price updates, and auto-advancing presentations and messages.

Specific Benefits of Success Criterion 2.2.3:

  • People with reading disabilities, cognitive limitations, and learning disabilities who may need more time to read or comprehend information can have additional time to read the information by pausing the content.

  • In circumstances where a sign-language interpreter may be relating audio content to a user who is deaf, control over time limits is also important.

Techniques for Addressing Success Criterion 2.2.3

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G4: Allowing the content to be paused and restarted from where it was stopped

  2. Using script to scroll content, and providing a mechanism to pause it (future link)

  3. Allowing purely decorative content to be stopped (future link) [LC-1169]

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 2.2.3 by the WCAG Working Group.

Additional Techniques (Advisory) for 2.2.3

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

(none currently documented)

Examples of Success Criterion 2.2.3

  • An essential animation can be paused without effecting the activity

    A Web site helps users understand 'how things work' through animations that demonstrate processes. Animations have "pause" and "restart" buttons.

  • A stock ticker.

    A stock ticker has "pause" and "restart" buttons. Pausing the ticker causes it to pause on the currently displayed stock. Restarting causes the ticker to resume from the stopped point but with a notice that the display is delayed. Since the intent of the stock ticker is usually to provide realtime information, there might also be a button that would advance the ticker to the most recently traded stock. [LC-772]

  • A game is designed so that users take turns rather than competing in real-time

    One party can pause the game without invalidating the competitive aspect of it.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 2.2.4 (Timing)

2.2.4 Timing is not an essential part of the event or activity presented by the content, except for non-interactive multimedia and real-time events . [LC-1305] (Level 3)

Key Terms

multimedia

audio or video synchronized with another format for presenting information and/or with time-based interactive components [LC-1499]

real-time event

event that a) occurs at the same time as the viewing, b) is not completely generated by the content, and c) is not pre-recorded

Example 1: A Webcast of a live performance (occurs at the same time as the viewing and is not pre-recorded).

Example 2: An on-line auction with people bidding (occurs at the same time as the viewing).

Example 3: Live humans interacting in a fantasy world using avatars (is not completely generated by the content and occurs at the same time as the viewing) [LC-1503] .

Intent of this Success Criterion

The intent of this success criterion is to minimize the occurrence of content that requires timed interaction. This enables people with blindness, low vision, cognitive limitations, or motor impairments to interact with content. This differs from the Level 1 success criterion in that the only exception is for real-time events.

Note: Video only, such as sign language, is covered in Guideline 1.1. [LC-1305]

Specific Benefits of Success Criterion 2.2.4:

  • People with physical disabilities often need more time to react, to type and to complete activities. People with low vision need more time to locate things on screen and to read. People who are blind and using screen readers may need more time to understand screen layouts, to find information and to operate controls. People who have cognitive or language limitations need more time to read and to understand. People who are deaf and communicate in sign language may need more time to read information printed in text (which may be a second language for some).

  • In circumstances where a sign-language interpreter may be relating audio content to a user who is deaf, control over time limits is also important.

Techniques for Addressing Success Criterion 2.2.4

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 2.2.4 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 2.2.4

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

(none currently documented)

Examples of Success Criterion 2.2.4

  • A test is designed so that time to complete the test does not effect the scoring

    Rather than calibrating an on-line test using a time limit, the test is calibrated based on scores when users have no time limits.

  • A game is designed so that users take turns rather than competing in real-time

    One party can pause the game without invalidating the competitive aspect of it.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 2.2.5 (Interruptions)

2.2.5 Interruptions, such as updated content, can be postponed or suppressed by the user, except interruptions involving an emergency. (Level 3)

Key Terms

emergency

a sudden, unexpected situation or occurrence that requires immediate action to preserve health, safety, or property

Intent of this Success Criterion

The intent of this success criterion is to allow users to turn off updates from the author/server except in emergencies. Emergencies would include civil emergency alert messages or any other messages that warn of danger to health, safety, or property, including data loss, loss of connection, etcetera.

This allows access by people with cognitive limitations or attention disorders to be able to focus on the content. It also allows users who are blind or have low vision to keep their "viewing" focus on the content they are currently reading.

Specific Benefits of Success Criterion 2.2.5:

  • Individuals with attention deficit disorders can focus on content without distraction.

  • Individuals with low vision or who use screen readers will not have content updated while they are viewing it (which can lead to discontinuity and misunderstanding if they start reading in one topic and finish in another).

Techniques for Addressing Success Criterion 2.2.5

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G75: Providing a mechanism to postpone any updating of content

  2. Allowing users to request updates instead of automatically updating content (future link)

  3. SCR14: Using scripts to make nonessential alerts optional (SCRIPT)

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 2.2.5 by the WCAG Working Group.

Additional Techniques (Advisory) for 2.2.5

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

(none currently documented)

Examples of Success Criterion 2.2.5

  • Example 1. Setting user preferences

    The preferences page of a Web portal includes an option to postpone all updates and alerts until the end of the current session, except for alerts concerning emergencies.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 2.2.6 (Re-authenticating)

2.2.6 When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating. (Level 3)

Intent of this Success Criterion

The intent of this success criterion is to allow all users to complete authenticated transactions that have inactivity time limits. For security reasons, many sites implement an authentication time limit after a certain period of inactivity. These time limits may cause problems for persons with disabilities because it may take longer for them to complete the activity. These users must be given the ability to re-authenticate and continue with the transaction without the loss of any data already entered.

Specific Benefits of Success Criterion 2.2.6:

  • This success criterion benefits people who may require additional time to complete an activity. People with cognitive limitations may read slowly and require additional time to read and respond to a questionnaire. Users interacting via a screen reader may need extra time to navigate and complete a complicated form. A person with motor impairments or who navigates with an alternative input device may require additional time to navigate through or complete input within a form.

  • In circumstances where a sign-language interpreter may be relating audio content to a user who is deaf, control over time limits is also important.

Techniques for Addressing Success Criterion 2.2.6

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. Providing options to continue without loss of data using one of the following technqiues:

Note: Refer to Techniques for Addressing Success Criterion 2.2.1 for techniques related to providing notifications about time limits. [LC-1097]

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 2.2.6 by the WCAG Working Group.

Additional Techniques (Advisory) for 2.2.6

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

(none currently documented)

Examples of Success Criterion 2.2.6

  • A shopping site checkout

    A user with extremely limited use of the hands is logged into a shopping site. It takes so long to enter credit card information into the application that a time limit occurs wile the user is performing the checkout process. When the user returns to the checkout process and submits the form, the site returns a login screen to re-authenticate. After the user logs in, the check out process is restored with the same information and at the same stage. The user did not lose any data because the server had temporarily accepted and stored the submission even though the session had timed out and restored the user to the same state after re-authentication was completed.

  • Authentication in an email program

    An email program has an authentication time-out after 30 minutes. The program prompts the user several minutes before the time-out occurs and provides a link to open a new window in order to re-authenticate. The original window with the in-progress email remains intact and, after re-authentication, the user may send that data.

  • A questionnaire with a time limit

    A long questionnaire provided within a single Web page has information at the beginning that indicates that the session will time out after 15 minutes. The user is also informed that the questionnaire can be saved at any point and completed at a later time. Within the Web page there are several buttons provided to save the partially completed form. In addition, with JavaScript in the list of accessibility-supported content technologies that are relied on, the user can elect to be alerted via a pop-up if the session is close to timing out.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


Understanding Guideline 2.3: Allow users to avoid content that could cause seizures due to photosensitivity

Intent of Guideline 2.3

Some people with seizure disorders can have a seizure triggered by flashing visual content. Most people are unaware that they have this disorder until it strikes. In 1997, a cartoon on television in Japan sent over 700 children to the hospital, including about 500 who had seizures [EPFND]. Warnings do not work well because they are often missed, especially by children who may in fact not be able to read them.

The objective of this guideline is to ensure that content that is marked as conformant to WCAG 2.0 avoids the types of flash that are most likely to cause seizure when viewed even for a second or two.

Advisory Techniques for Guideline 2.3 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.


How to Meet Success Criterion 2.3.1 (Three Flashes or Below Threshold)

2.3.1 Content does contain anything that flashes more than three times in any one second period, or the flash is below the general flash threshold and the red flash threshold [LC-1187] . (Level 1)

Key Terms

general flash threshold
  • A sequence of flashes or rapidly changing image sequences where all four of the following occur:

    1. there are more than three flashes within any one-second period; and

    2. the flashing is below 50 Hz; and

    3. the brightness of the darker image is below .80 of full scale white brightness; and

    4. the combined area of flashes occurring concurrently and contiguously occupies more than a total of .006 steradians (or one quarter of any 10 degree visual field on the screen ).

Note 1: For the general flash threshold, a flash is defined as a pair of opposing changes in brightness of 10% or more of full scale white brightness.

Note 2: Brightness is calculated as 0.2126 * ((R / FS) ^ 2.2) + 0.7152 * ((G / FS) ^ 2.2) + 0.0722 * ((B / FS) ^ 2.2). R, G, and B are the red, green, and blue RGB values of the color; FS is the maximum possible full scale RGB value for R, G, and B (255 for eight bit color channels); and the "^" character is the exponentiation operator.

Note 3: An "opposing change" is an increase followed by a decrease, or a decrease followed by an increase.

Note 4: For general Web content, using a 341 x 256 pixel rectangle anywhere on the displayed screen area when the content is viewed at 1024 x 768 pixels will provide a good estimate of a 10 degree visual field of standard screen sizes and viewing distances.

[LC-1187]

red flash threshold
  • transition to or from a saturated red where all three of the following occur:

    1. there are more than three flashes within any one-second period; and

    2. the flashing is below 50 Hz; and

    3. the combined area of flashing occurring concurrently and contiguously occupies more than a total of .006 steradians (or one quarter of any 10 degree visual field on the screen).

Note: For general Web content, using a 341 x 256 pixel rectangle anywhere on the displayed screen area when the content is viewed at 1024 x 768 pixels will provide a good estimate of a 10 degree visual field of standard screen sizes and viewing distances.

general flash threshold
  • A sequence of flashes or rapidly changing image sequences where all four of the following occur:

    1. there are more than three flashes within any one-second period; and

    2. the flashing is below 50 Hz; and

    3. the brightness of the darker image is below .80 of full scale white brightness; and

    4. the combined area of flashes occurring concurrently and contiguously occupies more than a total of .006 steradians (or one quarter of any 10 degree visual field on the screen ).

Note 1: For the general flash threshold, a flash is defined as a pair of opposing changes in brightness of 10% or more of full scale white brightness.

Note 2: Brightness is calculated as 0.2126 * ((R / FS) ^ 2.2) + 0.7152 * ((G / FS) ^ 2.2) + 0.0722 * ((B / FS) ^ 2.2). R, G, and B are the red, green, and blue RGB values of the color; FS is the maximum possible full scale RGB value for R, G, and B (255 for eight bit color channels); and the "^" character is the exponentiation operator.

Note 3: An "opposing change" is an increase followed by a decrease, or a decrease followed by an increase.

Note 4: For general Web content, using a 341 x 256 pixel rectangle anywhere on the displayed screen area when the content is viewed at 1024 x 768 pixels will provide a good estimate of a 10 degree visual field of standard screen sizes and viewing distances.

[LC-1187]

red flash threshold
  • transition to or from a saturated red where all three of the following occur:

    1. there are more than three flashes within any one-second period; and

    2. the flashing is below 50 Hz; and

    3. the combined area of flashing occurring concurrently and contiguously occupies more than a total of .006 steradians (or one quarter of any 10 degree visual field on the screen).

Note: For general Web content, using a 341 x 256 pixel rectangle anywhere on the displayed screen area when the content is viewed at 1024 x 768 pixels will provide a good estimate of a 10 degree visual field of standard screen sizes and viewing distances.

Intent of this Success Criterion

The intent of this success criterion is to allow users to access the full content of a site without inducing seizures due to photosensitivity.

Individuals who have photosensitive seizure disorders can have a seizure triggered by content that flashes at certain frequencies for more than a few flashes. People are even more sensitive to red flashing than to other colors, so a special test is provided for saturated red flashing. These guidelines are based on guidelines for the broadcasting industry as adapted for computer screens, where content is viewed from a closer distance (using a larger angle of vision).

Flashing can be caused by the display, the computer rendering the image or by the content being rendered. The author has no control of the first two. They can be addressed by the design and speed of the display and computer. The intent of this criterion is to ensure that flicker that violates the flash thresholds is not caused by the content itself. For example, the content could contain a video clip or animated image of a series of strobe flashes, or close-ups of rapid-fire explosions. [LC-1414]

This success criterion replaces a much more restrictive criterion in WCAG 1.0 that did not allow any flashing (even of a single pixel) within a broad frequency range (3 to 50 Hz). This success criterion is based on existing specifications in use in England and by others for television broadcast and has been adapted for computer display viewing. The 1024 x 768 screen is used as the reference screen resolution for the evaluation. The 341 x 256 pixel block represents a 10 degree viewport at a typical viewing distance. (The 10 degree field is taken from the original specifications and represents the central vision portion of the eye, where people are most susceptible to photo stimuli.)

The combined area of flashes occurring concurrently (but not necessarily contiguously) means the total area that is actually flashing at the same time. It is calculated by adding up all of the areas of the individual flashes within any 341 x 256 pixel viewport that are occurring at the same time.

Specific Benefits of Success Criterion 2.3.1:

  • Individuals who have seizures when viewing flashing material will be able to view all of the material on a site without having a seizure and without having to miss the full experience of the content by being limited to text alternatives. This includes people with photosensitive epilepsy as well as other photosensitive seizure disorders.

Techniques for Addressing Success Criterion 2.3.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 2.3.1 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 2.3.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Reducing contrast for any flashing content (future link)

  • Avoiding fully saturated reds for any flashing content (future link)

  • Reducing the number of flashes even if they do not violate thresholds (future link)

  • Providing a mechanism to suppress any flashing content before it begins (future link) [LC-1099]

Examples of Success Criterion 2.3.1

  • A Web site has video of muzzle flash of machine gun fire, but limits the size of the flashing image to a small portion of the screen below the flash threshold size. [LC-1101]

  • A movie with a scene involving very bright lightning flashes is edited so that the lightning only flashes three times in any one second period. [LC-785] [LC-1101]


How to Meet Success Criterion 2.3.2 (Three Flashes)

2.3.2 Content does not contain anything that flashes more than three times in any one second period. [LC-494] (Level 3)

Intent of this Success Criterion

The intent of this success criterion is to allow users to access the full content of a site without inducing seizures due to photosensitivity.

Success criterion 2.3.1 requires that flashing content be less than three flashes in any 1-second period unless it is smaller than 40% of a 341 x 256 pixel area (on a 1024 x 768 screen). This would keep the stimuli to less than 40% of a person's central vision for a typical screen. However, some users access Web content through screen enlargers. For these people, the area described in section 2.3.1 would (when magnified) be more than 40% of a persons central vision.

This success criterion eliminates all flashing components that flash more than three times in any 1-second period. In this fashion, magnification at any level would not yield content that would fail the general flash or red flash thresholds.

Specific Benefits of Success Criterion 2.3.2:

  • Individuals who have seizures when viewing flashing material will be able to view all of the material on a site without having a seizure and without having to miss the full experience of the content by being limited to text alternatives. This includes people with photosensitive epilepsy as well as other photosensitive seizure disorders.

Techniques for Addressing Success Criterion 2.3.2

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 2.3.2 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 2.3.2

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Reducing contrast for any flashing content (future link)

  • Avoiding fully saturated reds for any flashing content (future link)

  • Reducing the number of flashes even if they don't violate thresholds (future link)

Examples of Success Criterion 2.3.2

  • A movie with a scene involving very bright lightning flashes is edited so that the lightning only flashes three times in any one second period. [LC-785]


Understanding Guideline 2.4: Provide mechanisms to help users find content, orient themselves within it, and navigate through it

Intent of Guideline 2.4

The intent of this guideline is to help users find the content they need and allow them to keep track of their location. These tasks are often more difficult for people with disabilities. For finding, navigation, and orientation, it is important that the user can find out what the current location is. For navigation, information about the possible destinations needs to be available. Screen readers convert content to synthetic speech which, because it is audio, must be presented in linear order. Some success criteria in this guideline explain what provisions need to be taken to ensure that screen reader users can successfully navigate the content. Others allow users to more easily recognize navigation bars and page headers and to bypass this repeated content. Unusual user interface features or behaviors may confuse people with cognitive disabilities. [LC-946]

This guideline works closely with Guideline 1.3, which ensures that any structure in the content can be perceived, a key to navigation as well. Headings are particularly important mechanisms for helping users orient themselves within content and navigate through it. Many users of assistive technologies rely on appropriate headings to skim through information and easily locate the different sections of content. Satisfying Success Criterion 1.3.1 for headings also addresses some aspects of Guideline 2.4. [LC-562]

Advisory Techniques for Guideline 2.4 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.


How to Meet Success Criterion 2.4.1 (Bypass Blocks)

2.4.1 A mechanism is available to bypass blocks of content that are repeated on multiple Web pages. (Level 1)

Web page

a resource that is referenced by a URI and is not embedded in another resource, plus any other resources that are used in the rendering or intended to be rendered together with it [LC-862]

Note: Although any "other resources" would be rendered together with the primary resource, they would not necessarily be rendered simultaneously with each other.

Example 1: A movie-like interactive shopping environment where the user visually moves about a store dragging products off of the shelves around them into a visual shopping cart in front of them. Clicking on a product causes it to be demonstrated with a specification sheet alongside.

Example 2: A Web resource including all embedded images and media.

The intent of this success criterion is to allow people who navigate sequentially through content more direct access to the primary content of the Web page. Web pages and applications often have content that appears on other pages or screens. Examples of repeated blocks of content include but are not limited to navigation links, heading graphics, and advertising frames.

This is in contrast to a sighted user's ability to ignore the repeated material either by focusing on the center of the screen (where main content usually appears) or a mouse user's ability to select a link with a single mouse click rather than encountering every link or form control that comes before the item they want.

  • When this success criterion is not satisfied, it may be difficult for people with some disabilities to reach the main content of a Web page quickly and easily.

  • Screen reader users who visit several pages on the same site can avoid having to hear all heading graphics and dozens of navigation links on every page before the main content is spoken.

  • People who use only the keyboard or a keyboard interface can reach content with fewer keystrokes. Otherwise, they might have to make dozens of keystrokes before reaching a link in the main content area. This can take a long time and may cause severe physical pain for some users.

  • People who use screen magnifiers do not have to search through the same headings or other blocks of information to find where the content begins each time they enter a new page.

  • People with cognitive limitations as well as people who use screen readers may benefit when links are grouped into lists

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

  1. Creating links to skip blocks of repeated material USING one of the following techniques:

  2. Grouping blocks of repeated material in a way that can be skipped, USING one of the following techniques:

The following are common mistakes that are considered failures of Success Criterion 2.4.1 by the WCAG Working Group.

(No failures currently documented)

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • A news organization's home page contains a main story in the middle of the page, surrounded by many blocks and sidebars for advertising, searching, and other services. There is a link at the top of the page that jumps to the main story. Without using this link, a keyboard user needs to tab through approximately 40 links to reach the main story; the screen reader user has to listen to 200 words; and the screen magnifier user must search around for the location of the main body.

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 2.4.2 (Page Titled)

2.4.2 Web pages have descriptive titles. [LC-625] [LC-841] [LC-1052] [LC-1289] (Level 1)

Web page

a resource that is referenced by a URI and is not embedded in another resource, plus any other resources that are used in the rendering or intended to be rendered together with it [LC-862]

Note: Although any "other resources" would be rendered together with the primary resource, they would not necessarily be rendered simultaneously with each other.

Example 1: A movie-like interactive shopping environment where the user visually moves about a store dragging products off of the shelves around them into a visual shopping cart in front of them. Clicking on a product causes it to be demonstrated with a specification sheet alongside.

Example 2: A Web resource including all embedded images and media.

The intent of this success criterion is to help users find content and orient themselves within it by ensuring that each Web page has a descriptive title. Titles identify the current location without requiring users to read or interpret page content. When titles appear in site maps or lists of search results, users can more quickly identify the content they need. [LC-625]

  • This criterion benefits all users in allowing users to quickly and easily identify whether the information contained in the Web page is relevant to their needs.

  • People with visual disabilities will benefit from being able to differentiate content when multiple Web pages are open.

  • People with cognitive disabilities, limited short-term memory and reading disabilities also benefit from the ability to identify content by its title.

  • This criterion also benefits people with severe mobility impairments whose mode of operation relies on audio when navigating between Web pages.

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

  1. G88: Providing descriptive titles for Web pages AND associating a title with a Web page USING one of the following techniques: [LC-625]

The following are common mistakes that are considered failures of Success Criterion 2.4.2 by the WCAG Working Group.

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • A document.

    The title of Web Content Accessibility Guidelines 2.0 is "Web Content Accessibility Guidelines 2.0."

    • The introduction has the title "Introduction to Web Content Accessibility Guidelines 2.0."

    • The main body has the title "WCAG 2.0 Guidelines."

    • Appendix A has the title "Glossary to Web Content Accessibility Guidelines 2.0."

    • Appendix B has the title "Checklist for Web Content Accessibility Guidelines 2.0."

    • Appendix C has the title "Acknowledgements for Web Content Accessibility Guidelines 2.0."

    • Appendix D has the title "References for Web Content Accessibility Guidelines 2.0."

  • [LC-625]

  • A Web application.

    A banking application lets a user inspect his bank accounts, view past statements, and perform transactions. The Web application dynamically generates titles for each Web page, e.g., "Bank XYZ, accounts for John Smith" "Bank XYZ, December 2005 statement for Account 1234-5678". [LC-625]

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 2.4.3 (Focus Order)

2.4.3 If a Web page can be navigated sequentially, focusable components receive focus in an order that follows information and relationships conveyed through presentation. [LC-745] [LC-628] (Level 1)

Web page

a resource that is referenced by a URI and is not embedded in another resource, plus any other resources that are used in the rendering or intended to be rendered together with it [LC-862]

Note: Although any "other resources" would be rendered together with the primary resource, they would not necessarily be rendered simultaneously with each other.

Example 1: A movie-like interactive shopping environment where the user visually moves about a store dragging products off of the shelves around them into a visual shopping cart in front of them. Clicking on a product causes it to be demonstrated with a specification sheet alongside.

Example 2: A Web resource including all embedded images and media.

navigated sequentially

navigated in the order defined for advancing focus from one element to the next with the keyboard [LC-974]

presentation

rendering of the content in a form to be perceived by users [LC-490] [LC-1501]

The intent of this success criterion is to ensure that when users navigate sequentially through content, they encounter information in an order that reflects the logical relationships in the content. This reduces confusion by letting users form a consistent mental model of the content. There may be different orders that reflect logical relationships in the content. For example, move through components in a table one row at a time or one column at a time both reflect the logical relationships in the content. Either order would satisfy this success criterion. [LC-930]

An additional example of navigation is using arrow key navigation to traverse a tree component. The user can use the up and down arrow keys to move from tree node to tree node. Pressing the left arrow key may expand a node, then using the down arrow key, will move into the newly expanded nodes. This navigation sequence follows the expected sequence for a tree control - as additional items get expanded or collapsed, they are added or removed from the navigation sequence. [LC-930]

The way that sequential navigation order is determined in Web content is defined by the technology of the content. For example, simple HTML defines sequential navigation via the notion of tabbing order. Dynamic HTML may modify the navigation sequence using scripting along with the addition of a tabindex attribute to allow focus to additional elements. In this case, the navigation should follow relationships and sequences in the content. If no scripting or tabindex attributes are used, the navigation order is the order that components appear in the content stream. (See HTML 4.01 Specification, section 17.11, "Giving focus to an element"). [LC-974]

  • These techniques benefit users who navigate documents sequentially and expect the tab order to match the sequential reading order. People with visual impairments or people with disabilities that make reading difficult can become disoriented when tabbing takes focus someplace unexpected.

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

  1. G59: Placing the interactive elements in an order that follows sequences and relationships within the content

  2. Giving focus to elements in an order that follows sequences and relationships within the content USING one of the following techniques:

The following are common mistakes that are considered failures of Success Criterion 2.4.3 by the WCAG Working Group.

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

(none currently documented)

  • Example that fails to meet the success criterion: : An on-line subscription form.

    A company's Web site includes a form that collects marketing data and allows users to subscribe to several newsletters published by the company. The section of the form for collecting marketing data includes fields such as name, street address, city, state or province, and postal code. Another section of the form includes several checkboxes so that users can indicate newsletters they want to receive. However, the tab order for the form skips between fields in different sections of the form.

    An individual using a screen magnifier fills in the form. Because of the level of magnification, only a small portion of the page is visible. She tabs through the fields, entering her name, then her street address. However, the next field in tab order is not the field for the city, but the checkbox beside the name of a newsletter. The user assumes that she has provided all of the necessary address information and presses Enter to submit the form. She is surprised when she receives an error message telling her that one or more required fields is incomplete. [LC-1111]

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 2.4.4 (Link Purpose (Context))

2.4.4 The purpose of each link can be determined from the link text and its programmatically determined link context . [LC-497] [LC-872] (Level 1)

Editorial Note: This item may be moved back to level 2 if it is determined that it causes pages to fail at level 1 that are, in fact, accessible. (@@ editors to review how to describe "at risk" here)

programmatically determined link context
  1. Additional information that can be programmatically determined from relationships with a link; and

  2. can be extracted, combined with the link text, and presented to users in different modalities.

Example 1: Screen readers provide commands to read the current sentence when focus is on a link.

Example 2: Examples of information that can be extracted, combined with link text, and presented to users in different modalities include text that is in the same sentence, paragraph, list, or table cell as the link or in a table header cell that is associated with the table cell that contains the link.

[LC-497]

The intent of this success criterion is to help users understand the purpose of each link so they can decide whether they want to follow the link. This is generally achieved by reading the link itself. Assistive technology has the ability to provide users with a list of links that are on the Web page. Link text that is as meaningful as possible will aid users who want to choose from this list of links. Meaningful link text also helps those who wish to tab from link to link. Meaningful links help users choose which links to follow without requiring complicated strategies to understand the page.

In some situations, authors may want to provide part of the description of the link in the nearby text. In this case the user should be able to identify the purpose of the link without moving focus from the link. In other words, they can arrive on a link and find out more about it without losing their place. This can be achieved by putting the description of the link in the same sentence, paragraph, list item, or table cell as the link because these are directly associated with the link iteself. These descriptions will be most useful to the user if the description of the link precedes the link. (For instance, if you must use ambiguous link text, it is better to put it at the end of the sentence that describes its destination, rather than putting the ambiguous phrase at the beginning of the sentence.) This is because if the description follows the link, there can be confusion and difficulty for screen reader users who are reading through the page in order (top to bottom).

Links with the same destination should have the same descriptions (per Success Criterion 3.2.4), but links with different purposes and destinations should have different descriptions. [LC-497]

Note: There may be situations where the purpose of the link is is supposed to be unknown or obscured. For instance, a game may have links identified only as door #1, door #2, and door #3. This link text would be sufficient because the purpose of the links is to create suspense for all users.

  • This success criterion helps people with motion impairment by letting them skip links that they are not interested in, avoiding the keystrokes needed to visit the referenced content and then returning to the current content.

  • People with cognitive limitations will not become disoriented by multiple means of navigation to and from content they are not interested in.

  • People with visual disabilities will be able to determine the purpose of a link by exploring the link's context. [LC-497]

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

The following are common mistakes that are considered failures of Success Criterion 2.4.4 by the WCAG Working Group.

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • A link contains text that gives a description of the information at that URL

    A page contains the sentence "There was much bloodshed during the Medieval period of history." Where "Medieval period of history" is a link.

  • A link is preceded by a text description of the information at that URL

    A page contains the sentence "Learn more about the Government of Ireland's Commission on Electronic Voting at Go Vote!" where "Go Vote!" is a link.

  • Both an icon and text are included in the same link

    An icon of a voting machine and the text "Government of Ireland's Commission of Electronic Voting" are combined to make a single link. The alt text for the icon is null, since the purpose of the link is already described by the text of the link next to the icon.

  • A list of book titles

    A list of books is available in three formats: HTML, PDF, and mp3 (a recording of a person reading the book). To avoid hearing the title of each book three times (once for each format), the first link for each book is the title of the book, the second link says "PDF" and the third says, "mp3."

  • News article summaries

    A Web page contains a collection of news articles. The main page lists the first few sentences of each article, followed by a "Read more" link. A screen reader command to read the current paragraph provides the context to interpret the purpose of the link. [LC-497]

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 2.4.5 (Multiple Ways)

2.4.5 More than one way is available to locate content within a set of Web pages where content is not the result of, or a step in, a process . (Level 2)

set of Web pages

collection of Web pages that have a specific relationship to each other and that are created as a body of work by an author, group or organization [LC-711] [LC-916]

Note: Different language versions would be considered different bodies of work.

Example: A set of Web pages that make up a report, a test, an exercise, a catalog, or an application.

process

series of user actions where each action is required in order to complete an activity

Example 1: A series of Web pages on a shopping site requires users to view alternative products and prices, select products, submit an order, provide shipping information and provide payment information.

Example 2: An account registration page requires successful completion of a Turing test before the registration form can be accessed.

The intent of this success criterion is to make it possible for users to locate content in a manner that best meets their needs. Users may find one technique easier or more comprehensible to use than another.

  • Providing an opportunity to navigate sites in more than one manner can help people find information faster. Users with visual impairments may find it easier to navigate to the correct part of the site by using a search, rather than scrolling through a large navigation bar using a screen magnifier or screen reader. A person with cognitive disabilities may prefer a table of contents or site map that provides an overview of the site rather than reading and traversing through several Web pages. Some users may prefer to explore the site in a sequential manner, moving from Web page to Web page in order to best understand the concepts and layout.

  • Individuals with cognitive limitations may find it easier to use search features than to use a hierarchical navigation scheme that be difficult to understand.

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

  1. Using two or more of the following techniques:

The following are common mistakes that are considered failures of Success Criterion 2.4.5 by the WCAG Working Group.

(No failures currently documented)

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • A search mechanism.

    A large food processing company provides a site containing recipes created using its products. The site provides a search mechanism to search for recipes using a particular ingredient. In addition, it provides a list box that lists several categories of foods. A user may type "soup" in to the search engine or may select "soup" from the list box to go to a page with a list of recipes made from the company's soup products

  • Links between Web pages.

    A local hair salon has created a Web site to promote its services. The site contains only five Web pages. There are links on each Web page to sequentially move forward or backward through the Web pages. In addition, each Web page contains a list of links to reach each of the other Web pages.

  • Where content is a result of a process or task - Funds transfer confirmation.

    An on-line banking site allows fund transfer between accounts via the Web. There is no other way to locate the confirmation of fund transfer until the account owner completes the transfer.

  • Where content is a result of a process or task - Search engine results.

    A search engine provides the search results based on user input. There is no other way to locate the search results except to perform the search process itself.

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 2.4.6 (Labels Descriptive)

2.4.6 Headings and labels are descriptive. [LC-625] [LC-839] (Level 2)

label

text or other component with a text alternative that is presented to a user to identify a component within Web content

Note: See also name. [LC-847]

The intent of this success criterion is to help users understand what information is contained in Web pages and how that information is organized. When headings are clear and descriptive, users can find the information they seek more easily, and they can understand the relationships between different parts of the content more easily. Descriptive labels help users identify specific components within the content. [LC-625]

  • Descriptive headings are especially helpful for users who have disabilities that make reading slow and for people with limited short-term memory. These people benefit when section titles make it possible to predict what each section contains.

  • People who have difficulty using their hands or who experience pain when doing so will benefit from techniques that reduce the number of keystrokes required to reach the content they need.

  • This success criterion helps people who use screen readers by ensuring that labels and headings are meaningful when read out of context, for example, in a Table of Contents, or when jumping from heading to heading within a page.

    This success criterion may also help users with low vision who can see only a few words at a time. [LC-625]

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

  1. G130: Providing descriptive headings

  2. G131: Providing descriptive labels

Note: Headings and labels must be programmatically determined, per success criterion 1.3.1.

The following are common mistakes that are considered failures of Success Criterion 2.4.6 by the WCAG Working Group.

(No failures currently documented)

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using unique section headings in a Web Page (future link)

  • Starting section headings with unique information (future link)

  • A news site.

    The home page of a news site lists the headlines for the top stories of the hour. Under each heading are the first 35 words of the story and a link to the full article. Each headline gives a clear idea of the article's subject.

  • A guide on how to write well

    A guide on writing contains the following section titles: How To Write Well, Cut Out Useless Words, Identify Unnecessary Words, etc. The section headings are clear and concise and the structure of the information is reflected in the structure of the headings.

  • Example 3: Consistent headings in different articles

    A Web site contains papers from a conference. Submissions to the conference are required to have the following organization: Summary, Introduction, [other sections unique to this article], Conclusion, Author Biography, Glossary, and Bibliography. The title of each Web page clearly identifies the article it contains, creating a useful balance between the uniqueness of the articles and the consistency of the section headings.

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 2.4.7 (Location)

2.4.7 Information about the user's location within a set of Web pages is available. (Level 3)

[LC-711]
set of Web pages

collection of Web pages that have a specific relationship to each other and that are created as a body of work by an author, group or organization [LC-711] [LC-916]

Note: Different language versions would be considered different bodies of work.

Example: A set of Web pages that make up a report, a test, an exercise, a catalog, or an application.

The intent of this success criterion is to provide a way for the user to orient herself within a set of Web pages, a Web site, or a Web application and find related information.

  • This success criterion is helpful for people with a short attention span who may become confused when following a long series of navigation steps to a Web page. It is also helpful when a user follows a link directly to a page deep within a set of Web pages and needs to navigate that Web site to understand the content of that page or to find more related information.

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

The following are common mistakes that are considered failures of Success Criterion 2.4.7 by the WCAG Working Group.

(No failures currently documented)

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Providing a link to the home page or main page (future link)

  • Links to help user determine their location in a site

    A research group is part of an educational department at a university. The group's home page links to the department home page and the university's home page.

  • A breadcrumb trail

    A portal Web site organizes topics into categories. As the user navigates through categories and subcategories, a breadcrumb trail shows the current location in the hierarchy of categories. Each page also contains a link to the portal home page.

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 2.4.8 (Link Purpose (Link Text))

2.4.8 The purpose of each link can be identified from the link text. [LC-497] (Level 3)

programmatically determined

determined by software from author-supplied data provided in a way that different user agents, including assistive technologies, can extract and present this information to users in different modalities [LC-756] [LC-1502]

Example: Determined in a mark-up language from elements and attributes that are accessed directly by commonly available assistive technology.

Example: Determined from technology-specific data structures in a non-mark-up language and exposed to assistive technology via an accessibility API that is supported by commonly available assitive technology.

The intent of this success criterion is to help users understand the purpose of each link in the content, so they can decide whether they want to follow it. Links with the same destination should have the same descriptions (per Success Criterion 3.2.4), but links with different purposes and destinations should have different descriptions. Because the purpose of a link can be identified from its link text, links can be understood when they are out of context, such as when the user agent provides a list of all the links on a page. [LC-497]

  • This success criterion helps people with motion impairment by letting them skip Web pages that they are not interested in, avoiding the keystrokes needed to visit the referenced content and then return to the current content.

  • People with cognitive limitations will not become disoriented by extra navigation to and from content they are not interested in.

  • People with visual disabilities will benefit from not losing their place in the content when they return to the original page. The screen reader's list of links is more useful for finding information because the target of the links are described.

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

  1. G91: Providing link text that describes the purpose of a link USING one of the following techniques:

  2. Providing a supplemental description of the purpose of a link USING one of the following techniques:

The following are common mistakes that are considered failures of Success Criterion 2.4.8 by the WCAG Working Group.

(No failures currently documented)

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Both an icon and text are included in the same link

    An icon of a voting machine and the text "Government of Ireland's Commission of Electronic Voting" are combined to make a single link.

  • A list of book titles

    A list of books is available in three formats: HTML, PDF, and mp3 (a recording of a person reading the book). The title of the book is followed by links to the different formats. The rendered text for each link is just the format type, but the text associated with each link includes the title as well as the format; for instance, "Gulliver's Travels, MP3."

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 2.4.9 (Section Headings)

2.4.9 Where content is organized into sections, the sections are indicated with headings. (Level 3)

Editorial Note: This SC was accepted 19 April per a resolution to Issue 627. @@ Sufficient techniques needed. Intent, benefits, examples, resources also need to be drafted.

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

  1. Organizing a page using headers (future link) (HTML)

  2. Using titled frames to organize content that is updated (future link) (HTML)

The following are common mistakes that are considered failures of Success Criterion 2.4.9 by the WCAG Working Group.

(No failures currently documented)

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using the 'live' property to mark live regions (future link) (ARIA)


Understanding Guideline 3.1: Make text content readable and understandable

Intent of Guideline 3.1

The intent of this guideline is to allow text content to be read by users and by assistive technology, and to ensure that information necessary for understanding it is available.

People with disabilities experience text in many different ways. For some the experience is visual; for some it is auditory; for some it is tactile; for still others it is both visual and auditory. Some users experience great difficulty in recognizing written words yet understand extremely complex and sophisticated documents when the text is read aloud, or when key processes and ideas are illustrated visually or interpreted as sign language. For some users, it is difficult to infer the meaning of a word or phrase from context, especially when the word or phrase is used in an unusual way or has been given a specialized meaning; for these users the ability to read and understand may depend on the availability of specific definitions or the expanded forms of acronyms or abbreviations. User agents, including speech-enabled as well as graphical applications, may be unable to present text correctly unless the language and direction of the text are identified; while these may be minor problems for most users, they can be enormous barriers for users with disabilities. In cases where meaning cannot be determined without pronunciation information (for example, certain Japanese Kanji, example), pronunciation information must be available as well

Advisory Techniques for Guideline 3.1 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.

[LC-840]


How to Meet Success Criterion 3.1.1 (Language of Page)

3.1.1 The default human language of each Web page within the content can be programmatically determined. [LC-1371] [LC-1376] [LC-501] (Level 1)

Key Terms

human language

language that is spoken, written or signed (visually or tactilely) by humans to communicate with one another [LC-1184] [LC-1500]

Note: See also sign language.

Web page

a resource that is referenced by a URI and is not embedded in another resource, plus any other resources that are used in the rendering or intended to be rendered together with it [LC-862]

Note: Although any "other resources" would be rendered together with the primary resource, they would not necessarily be rendered simultaneously with each other.

Example 1: A movie-like interactive shopping environment where the user visually moves about a store dragging products off of the shelves around them into a visual shopping cart in front of them. Clicking on a product causes it to be demonstrated with a specification sheet alongside.

Example 2: A Web resource including all embedded images and media.

programmatically determined

determined by software from author-supplied data provided in a way that different user agents, including assistive technologies, can extract and present this information to users in different modalities [LC-756] [LC-1502]

Example: Determined in a mark-up language from elements and attributes that are accessed directly by commonly available assistive technology.

Example: Determined from technology-specific data structures in a non-mark-up language and exposed to assistive technology via an accessibility API that is supported by commonly available assitive technology.

Intent of this Success Criterion

The intent of this success criterion is to ensure that content developers provide information in the Web page that user agents need to present text and other linguistic content correctly. Both assistive technologies and conventional user agents can render text more accurately when the language of the Web page is identified. Screen readers can load the correct pronunciation rules. Visual browsers can display characters and scripts correctly. Media players can show captions correctly. As a result, users with disabilities will be better able to understand the content.

The default human language of the Web page is the default text-processing language as discussed in Internationalization Best Practices: Specifying Language in XHTML & HTML Content. When a Web page uses several languages, the default text-processing language is the language which is used most. (If several languages are used equally, the first language used should be chosen as the default human language.) [LC-1376]

Note: For multilingual sites targeting Conformance Level A, the Working Group strongly encourages developers to follow SC 3.1.2 as well even though that is a Level 2 success criterion. [LC-1376]

Specific Benefits of Success Criterion 3.1.1:

This success criterion helps:

  • people who use screen readers or other technologies that convert text into synthetic speech;

  • people who find it difficult to read written material with fluency and accuracy, such as recognizing characters and alphabets or decoding words;

  • people with certain cognitive, language and learning disabilities also use text-to-speech software, which can also benefit from language markup; [LC-1124]

  • people who rely on captions for multimedia.

Techniques for Addressing Success Criterion 3.1.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. Identifying default human language(s) USING one of the following techniques:

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.1.1 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.1.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Specifying the default language in the HTTP header (future link)

Additional HTML Techniques (Advisory)
  • using http or the Content-Language meta tag for metadata (future link)

Examples of Success Criterion 3.1.1

  • Example 1. A Web page with content in two languages

    A Web page produced in Germany includes content in both German and English, but most of the content is in German. The default human language is identified as German (de).

Related Resources

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 3.1.2 (Language of Parts)

3.1.2 The human language of each passage or phrase in the content can be programmatically determined [LC-502] . (Level 2)

Note: This requirement does not apply to individual words. It also does not apply to proper names, to technical terms or to phrases that have become part of the language of the context in which they are used. [LC-882] [LC-913]

Key Terms

human language

language that is spoken, written or signed (visually or tactilely) by humans to communicate with one another [LC-1184] [LC-1500]

Note: See also sign language.

Web page

a resource that is referenced by a URI and is not embedded in another resource, plus any other resources that are used in the rendering or intended to be rendered together with it [LC-862]

Note: Although any "other resources" would be rendered together with the primary resource, they would not necessarily be rendered simultaneously with each other.

Example 1: A movie-like interactive shopping environment where the user visually moves about a store dragging products off of the shelves around them into a visual shopping cart in front of them. Clicking on a product causes it to be demonstrated with a specification sheet alongside.

Example 2: A Web resource including all embedded images and media.

programmatically determined

determined by software from author-supplied data provided in a way that different user agents, including assistive technologies, can extract and present this information to users in different modalities [LC-756] [LC-1502]

Example: Determined in a mark-up language from elements and attributes that are accessed directly by commonly available assistive technology.

Example: Determined from technology-specific data structures in a non-mark-up language and exposed to assistive technology via an accessibility API that is supported by commonly available assitive technology.

Intent of this Success Criterion

The intent of this success criterion is to ensure that user agents can correctly present content written in multiple languages. This applies to graphical browsers as well as screen readers, braille displays, and other voice browsers.

Both assistive technologies and conventional user agents can render text more accurately if the language of each passage of text is identified. Screen readers can use the pronunciation rules of the language of the text. Visual browsers can display characters and scripts in appropriate ways. This is especially important when switching between languages that read from left to right and languages that read from right to left, or when text is rendered in a language that uses a different alphabet. Users with disabilities who know all the languages used in the Web page will be better able to understand the content when each passage is rendered appropriately.

When no other language has been specified for a phrase or passage of text, its human language is the default human language of the Web page (see Success Criterion 3.1.1). So the human language of all content in single language documents can be programmatically determined.

Individual words or phrases in one language can become part of another language. For example, "rendezvous" is a French word that has been adopted in English, appears in English dictionaries, and is properly pronounced by English screen readers. Hence a passage of English text may contain the word "rendezvous" without specifying that its human language is French and still satisfy this success criterion. Frequently, when the human language of text appears to be changing for a single word, that word has become part of the language of the surrounding text. Because this is so common in some languages, single words are not included in this success criterion. [LC-913] [LC-1296]

Specific Benefits of Success Criterion 3.1.2:

This success criterion helps:

  • people who use screen readers or other technologies that convert text into synthetic speech;

  • people who find it difficult to read written material with fluency and accuracy, such as recognizing characters and alphabets, decoding words, and understanding words and phrases;

  • people with certain cognitive, language and learning disabilities also use text-to-speech software, which can also benefit from language markup; [LC-1124]

  • people who rely on captions to recognize language changes in the soundtrack of multimedia content.

Techniques for Addressing Success Criterion 3.1.2

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. Identifying changes in human languages USING one of the following techniques:

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.1.2 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.1.2

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Making text that is not in the default human language of the Web page visually distinct (future link)

  • Giving the names of any languages used in foreign passages or phrases (future link)

Additional HTML Techniques (Advisory)
  • Marking individual words, especially when they are links to versions in other languages (Deutsch, Français, Nederlands, Castellano, etc.) (future link)

Examples of Success Criterion 3.1.2

  1. A German phrase in an English sentence.

    In the sentence, "He maintained that the DDR (German Democratic Republic) was just a 'Treppenwitz der Weltgeschichte'," the German phrase 'Treppenwitz der Weltgeschichte' is marked as German. Depending on the markup language, English may either be marked as the language for the entire document except where specified, or marked at the paragraph level. When a screen reader encounters the German phrase, it changes pronunciation rules from English to German to pronounce the word correctly.

Related Resources

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 3.1.3 (Unusual Words)

3.1.3 A mechanism is available for identifying specific definitions of words or phrases used in an unusual or restricted way, including idioms and jargon. (Level 3)

Key Terms

mechanism

process or technique for achieving a result

Note 1: The mechanism may be explicitly provided in the content, or may be relied on to be provided by either the platform or by user agents, including assistive technologies.

Note 2: The mechanism must meet all success criteria for the conformance level claimed. [LC-619]

used in an unusual or restricted way

words used in such a way that users must know exactly which definition to apply in order to understand the content correctly

[LC-851]

Example: The term "gig" means something different if it occurs in a discussion of music concerts than it does in article about computer hard drive space, but the appropriate definition can be determined from context. By contrast, the word "text" is used in a very specific way in WCAG 2.0, so a definition is supplied in the glossary. [LC-1508]

idiom

phrase whose meaning cannot be deduced from the meaning of the individual words and the specific words cannot be changed without losing the meaning

Example 1: In English, "kicking the bucket" means "dying," but the phrase cannot be changed to "kicking the buckets" or "kicking the tub" or "booting the bucket" or "knocking over the bucket" without losing its meaning.

Example 2: In English, "spilling the beans" means "revealing a secret." However, "knocking over the beans" or "spilling the vegetables" does not mean the same thing.

Example 3: In Japanese, the phrase "さじを投げる " literally translates into "he throws a spoon," but it means that there is nothing he can do and finally he gives up. [LC-1240] [LC-1382]

Example 4: In Dutch, "Hij ging met de kippen op stok" literally translates into "He went to roost with the chickens," but it means that he went to bed early.

jargon

words used in a particular way by people in a particular field

Example: The word StickyKeys is jargon from the field of assistive technology/accessibility.

Intent of this Success Criterion

Certain disabilities make it difficult to understand nonliteral word usage and specialized words or usage. Certain disabilities make it difficult to understand figurative language or specialized usage. Providing such mechanisms is vital for these audiences. Specialized information intended for non-specialist readers is encouraged to satisfy this success criterion, even when claiming only Single-A or Double-A conformance. [LC-945]

Specific Benefits of Success Criterion 3.1.3:

This success criterion may help people with cognitive, language and learning disabilities who:

  • have difficulty decoding words

  • have difficulty understanding words and phrases

  • have difficulty using context to aid understanding

It would also help people with visual disabilities who:

  • lose context when zoomed-in with a screen magnifier

Techniques for Addressing Success Criterion 3.1.3

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If the word or phrase has a unique meaning within the Web page:
  1. G101: Providing the definition of a word or phrase used in an unusual or restricted way for the first occurrence of the word or phrase in a Web page USING one of the following techniques:

  2. G101: Providing the definition of a word or phrase used in an unusual or restricted way for each occurrence of the word or phrase in a Web page USING one of the following techniques:

Situation B: If the word or phrase means different things within the same Web page:
  1. G101: Providing the definition of a word or phrase used in an unusual or restricted way for each occurrence of the word or phrase in a Web page using one of the following techniques:

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.1.3 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.1.3

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using the title attribute to provide explanations of words or phrases (future link)

  • Using markup and visual formatting to help users recognize words that have special meaning (future link)

  • Providing a voice-enabled dictionary search so that users who have difficulty typing or spelling can speak the word whose definition they need (future link)

  • Providing a sign language dictionary to help users who are deaf find the necessary definitions (future link)

  • Providing a mechanism for finding definitions for all words in text content (future link)

  • Providing a mechanism to determine the meaning of each word or phrase in text content (future link)

  • Avoiding unusual foreign words (future link) [LC-840]

Examples of Success Criterion 3.1.3

  • Text that includes a definition for a word used in an unusual way.

    Organize the list or "cascade" of dictionaries and other resources so that the definition search will find the intended definitions instead of displaying definitions from other sources in the "cascade." (The "cascade" lists the dictionaries and other reference materials in the order most likely to bring up the right definition. This controls the order to follow when searching for definitions.)

  • Including definitions in the glossary.

    WCAG 2.0 uses the word "text" in a specific way. Thus, when the word "text" is used within WCAG 2.0 it is linked to the definition of "text" provided in a glossary within the same Web page.

  • The specific definition of a word is provided at the bottom of the page.

    The internal link from the word to the corresponding definition is also provided within the page.

Related Resources

Resources are for information purposes only, no endorsement implied.

Note: The inclusion of a product or vendor name in the list below does not constitute an endorsement by the Web Content Accessibility Guidelines Working Group or the Web Accessibility Initiative of the World Wide Web Consortium. This list is provided simply for convenience and to give users an idea of what resources may be available


How to Meet Success Criterion 3.1.4 (Abbreviations)

3.1.4 A mechanism for finding the expanded form or meaning of abbreviations is available. [LC-883] (Level 3)

Key Terms

mechanism

process or technique for achieving a result

Note 1: The mechanism may be explicitly provided in the content, or may be relied on to be provided by either the platform or by user agents, including assistive technologies.

Note 2: The mechanism must meet all success criteria for the conformance level claimed. [LC-619]

abbreviation

shortened form of a word, phrase, or name

Note: Includes initialisms and acronyms.

Intent of this Success Criterion

The intent of this success criterion is to ensure that users can access the expanded form of abbreviations.

Specific Benefits of Success Criterion 3.1.4:

This success criterion may help people who:

  • have difficulty decoding words;

  • rely on screen magnifiers (magnification may reduce contextual cues);

  • have limited memory;

  • have difficulty using context to aid understanding.

Acronyms and abbreviations may confuse some readers in different ways:

  • Some abbreviations do not look like normal words and cannot be pronounced according to the usual rules of the language. For example, the English word "room" is abbreviated as "rm," which does not correspond to any English word or phoneme. The user has to know that "rm" is an abbreviation for the word "room" in order to say it correctly.

  • Sometimes, the same abbreviation means different things in different contexts. For example, in the English sentence "Dr. Johnson lives on Boswell Dr.," the first "Dr." is an abbreviation for "Doctor" and the second instance is an abbreviation for the word "Drive" (a word that means "street"). Users must be able to understand the context in order to know what the abbreviations mean.

  • Some acronyms spell common words but are used in different ways. For example, "JAWS" is an acronym for a screen reader whose full name is "Job Access with Speech." It is also a common English word referring to the part of the mouth that holds the teeth. The acronym is used differently than the common word.

  • Some acronyms sound like common words but are spelled differently. For example, the acronym for Synchronized Multimedia Integration Language, S M I L, is pronounced like the English word "smile."

It would also help people with visual disabilities who:

  • Lose context when zoomed-in with a screen magnifier

Techniques for Addressing Success Criterion 3.1.4

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If the abbreviation has only one meaning within the Web page:
  1. G102: Providing the expansion or explanation of an abbreviation for the first occurrence of the abbreviation in a Web page USING one of the following techniques:

  2. G102: Providing the expansion or explanation of an abbreviation for all occurrences of the abbreviation in a Web page using one of the following techniques:

Situation B: If the abbreviation means different things within the same Web page:
  1. G102: Providing the expansion or explanation of an abbreviation for all occurrences of abbreviations in a Web page using one of the following techniques:

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.1.4 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.1.4

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using the title attribute to provide explanations of words or phrases (future link)

  • Using unique abbreviations in a Web page (future link)

  • Using visual formatting to help users recognize abbreviations (future link)

  • Providing access to a talking dictionary to support users who might have difficulty decoding written definitions (future link)

  • Providing a voice-enabled dictionary search so that users who have difficulty typing or spelling can speak the word whose definition they need (future link)

Examples of Success Criterion 3.1.4

  • A dictionary search form.

    A Web site includes a search form provided by an on-line acronym service. Users enter an acronym and the form returns a list of possible expansions from the sources that it searched.

  • A medical Web site.

    A medical Web site provides information for both doctors and patients. The site includes a set of cascading dictionaries; a very specialized medical dictionary is first, followed by a second medical dictionary for the general public. The cascade also includes a list of acronyms and abbreviations that are unique to the site, and finally there is a standard dictionary as well. The standard dictionary at the end of the list provides definitions for most words in the text. The specialized medical dictionary yields definitions of unusual medical terms. Definitions for words that appear in more than one dictionary are listed in the order of the cascade. The meaning of acronyms and abbreviations is provided by the list of acronyms and abbreviations.

  • An abbreviation whose expansion is provided the first time the abbreviation appears in the content.

    The name, "World Wide Web Consortium," appears as the first heading on the organization's home page. The abbreviation, "W3C," is enclosed in parentheses in the same heading.

  • Expanded forms of Abbreviations.

    The expanded form of each abbreviation is available in a programmatically determinable manner. User agents that speak the text can use the expanded form to announce the abbreviation. Other user agents might make the expanded form available as a tooltip or as contextual help for the abbreviation. [LC-915]

Related Resources

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 3.1.5 (Reading Level)

3.1.5 When text requires reading ability more advanced than the lower secondary education level, supplemental content or an alternate version is available that does not require reading ability more advanced than the lower secondary education level. [LC-1505] (Level 3)

Key Terms

lower secondary education level

the two or three year period of education that begins after completion of six years of school and ends nine years after the beginning of primary education.

Note: This definition is based on [UNESCO].

supplemental content

additional content that illustrates or clarifies the primary content [LC-1505]

Example 1: An audio version of a Web page.

Example 2: An illustration of a complex process.

Example 3: A paragraph describing the major outcomes and recommendations made in a research study.

alternate version

version that provides all of the same information and functionality in the same human language and is as up to date as the non-conformant content [LC-940] [LC-1490]

Intent of this Success Criterion

Content should be written as clearly and simply as possible. [LC-569] [LC-887] The intent of this success criterion is:

  • to ensure that additional content is available to aid the understanding of difficult or complex text;

  • to establish a testable measure indicating when such additional content is required.

This success criterion helps people with reading disabilities while also allowing authors to publish difficult or complex Web content. Text difficulty is described in terms of the level of education required to read the text. Education levels are defined according to the International Standard Classification of Education [UNESCO], which was created to allow international comparison among systems of education.

Difficult or complex text may be appropriate for most members of the intended audience (that is, most of the people for whom the content has been created). But there are people with disabilities, including reading disabilities, even among highly educated users with specialized knowledge of the subject matter. It may be possible to accommodate these users by making the text more readable. If the text cannot be made more readable, then supplemental content is needed. Supplemental content is required when text demands reading ability more advanced than the lower secondary education level—that is, more than nine years of school. Such text presents severe obstacles to people with reading disabilities and is considered difficult even for people without disabilities who have completed upper secondary education.

Reading disabilities such as dyslexia make it difficult to recognize written or printed words and associate them with the correct sounds. This is called "decoding" the text. Decoding must be automatic in order for people to read fluently. The act of decoding text word by word consumes much of the mental energy that most people are able to use for understanding what they read. [LC-542] Text that uses short, common words and short sentences is easier to decode and usually requires less advanced reading ability than text that uses long sentences and long or unfamiliar words.

The education level required to read text content (also called "readability") is measured by analyzing selected passages of text from the Web page. If the Web page includes text written for different purposes or different styles are used, the selected passages include samples of the types of content in the Web page and the different styles in which the content is written. (In many cases, the Web page contains only one kind of text content—e.g., technical documentation, a legal notice, marketing material, etc.—and all the content uses the same style.)

Educators can also measure the education level required to read text content. For example, qualified teachers can evaluate text according to local education standards to determine if it requires reading ability beyond what is expected for students in the last year of lower secondary education.

When a web page contains multiple languages, a readability result should be calculated for each language that constitutes at least 5% of the content and that is used in full sentences or paragraphs (not just individual words or phrases). The overall readability of the page should be judged on the language that yields the worst readability results. [LC-1535]

The readability of content may also be determined by applying a readability formula to the selected passage. Many (though not all) readability formulas base their calculations on passages of 100 words. Such formulas have been developed for many languages. The number of words in the passage is counted and the length of the words is determined by counting either the number of syllables or the number of characters. Most readability formulas also count the number and length of sentences. The average length of words and sentences in the content is then used to calculate a readability score. (Some languages, such as Japanese, may include multiple scripts within the same passage. Readability formulas for these languages may use the number and length of such "runs" in their calculations.) The result may be presented as a number (for example, on a scale from 0-100) or as a grade level. These results can then be interpreted using the education levels described in the International Standard Classification of Education.

Levels of education
Primary education Lower secondary education Upper secondary education Advanced education
First 6 years of school7-9 years of school10-12 years of schoolMore than 12 years of school

Adapted from International Standard Classification of Education [UNESCO]

Specific Benefits of Success Criterion 3.1.5:

This success criterion may help people who:

  • Have difficulty comprehending and interpreting written language (e.g. articles, instructions, or newspapers in text or braille), for the purpose of obtaining general knowledge or specific information

[LC-542]

Techniques for Addressing Success Criterion 3.1.5

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G86: Providing a text summary that requires reading ability less advanced than the upper secondary education level

  2. G103: Providing visual illustrations of complex ideas, events, and processes

  3. G79: Providing a spoken version of the text

  4. Making the text easier to read (future link)

  5. Providing sign language versions of information, ideas, and processes that must be understood in order to use the content (future link)

Note: Different sites may address this success criterion in different ways. An audio version of the content may be helpful to some users. But if a site is intended for individuals who are deaf, providing an audio file would not be useful. For some people who are deaf, a sign language version of the page may be easier to understand than a written language version since sign language may be their first language. [LC-597] Some sites may decide to do both or other combinations. No technique will help all users who have difficulty. So different techniques are provided as sufficient techniques here for authors trying to make their sites more accessible. Any numbered technique or combination above can be used by a particular site and it is considered sufficient by the Working Group.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.1.5 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.1.5

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

Additional technology-independent techniques
  • Providing text for navigational and landing pages that requires reading ability that is less advanced than the lower secondary education level (future link)

  • Providing text for interior pages that requires reading ability at the lower secondary education level (future link)

  • Including content summaries in metadata (future link)

  • Using the clearest and simplest language appropriate for the content (future link) [LC-1255]

Additional technology-specific techniques
  • Using the Dublin Core accessibility element to associate text content with text, graphical, or spoken supplements (future link)

  • Using RDF to associate supplements with primary content (future link)

  • Providing a clear representational image on the site's home page (future link)

  • Making metadata viewable by humans (future link)

Examples of Success Criterion 3.1.5

  1. A scientific journal including readable summaries of complex research articles

    A scientific journal includes articles written in highly technical language aimed at specialists in the field. The journal's Table of Contents page includes a plain-language summary of each article. The summaries are intended for a general audience with eight years of school. The metadata for the journal uses the Dublin Core specification to identify the education level of the articles' intended audience as "advanced," and the education level of the intended audience for the summaries as "lower secondary education."

  2. Medical information for members of the public.

    A medical school operates a Web site that explains recent medical and scientific discoveries. The articles on the site are written for people without medical training. Each article uses the Dublin Core metadata specification to identify the education level of the intended audience as "lower secondary education" and includes the Flesch Reading Ease score for the article. A link on each page displays the education level and other metadata. No supplemental content is required because people who read at the lower secondary education level can read the articles.

  3. An e-learning application.

    An on-line course about Spanish cultural history includes a unit on Moorish architecture. The unit includes text written for students with different reading abilities. Photographs and drawings of buildings illustrate architectural concepts and styles. Graphic organizers are used to illustrate complex relationships, and an audio version using synthetic speech is available. The metadata for each version describes the academic level of the content and includes a readability score based on formulas developed for Spanish-language text. The learning application uses this metadata and metadata about the students to provide versions of instructional content that match the needs of individual students.

  4. Science information that requires a reading ability at the lower secondary education level.

    The paragraphs below (114 words total) require a reading ability of grade 6.9 in the United States according to the Flesch-Kinkaid formula. In the US, grade 6.9 is at the lower secondary education level.

    In a dazzling and dramatic portrait painted by the Sun, the long thin shadows of Saturn's rings sweep across the planet's northern latitudes. Within the shadows, bright bands represent areas where the ring material is less dense, while dark strips and wave patterns reveal areas of denser material.

    The shadow darkens sharply near upper right, corresponding to the boundary of the thin C ring with the denser B ring. A wide-field, natural color view of these shadows can be seen here.

    The globe of Saturn's moon Mimas (398 kilometers, or 247 miles across) has wandered into view near the bottom of the frame. A few of the large craters on this small moon are visible.

    (Source: NASA - Sun-striped Saturn)

Related Resources

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 3.1.6 (Pronunciation)

3.1.6 A mechanism is available for identifying specific pronunciation of words where meaning is ambiguous without knowing the pronunciation. [LC-1192] (Level 3)

Key Terms

mechanism

process or technique for achieving a result

Note 1: The mechanism may be explicitly provided in the content, or may be relied on to be provided by either the platform or by user agents, including assistive technologies.

Note 2: The mechanism must meet all success criteria for the conformance level claimed. [LC-619]

Intent of this Success Criterion

The intent of this success criterion is to help people who are blind, people who have low vision, and people with reading disabilities to understand content in cases where meaning depends on pronunciation. Often words or characters have different meanings, each with its own pronunciation. The meaning of such words or characters can usually be determined from the context of the sentence. However, for more complex or ambiguous sentences, or for some languages, the meaning of the word cannot be easily determined or determined at all without knowing the pronunciation. When the sentence is read aloud and the screen reader reads the word using the wrong pronunciation, it can be even more difficult to understand than when read visually. When words are ambiguous or indeterminate unless the pronunciation is known, then providing some means of determining the pronunciation is needed.

For example, in the English language heteronyms are words that are spelled the same but have different pronunciations and meanings, such as the words desert (abandon) and desert (arid region). [LC-543] Additionally, in some languages certain characters can be pronounced in different ways. In Japanese, for example, there are characters like Han characters(Kanji) that have multiple pronunciations. Screen readers may speak the characters incorrectly without the information on pronunciation. When read incorrectly, the content will not make sense to users.

Specific Benefits of Success Criterion 3.1.6:

This success criterion may help people who: [LC-542]

  • have difficulty decoding words

  • have difficulty using context to aid understanding

  • use technologies that read the words aloud

Techniques for Addressing Success Criterion 3.1.6

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. Providing the pronunciation immediately following the word (future link)

  2. Linking to pronunciations (future link)

  3. G62: Providing a glossary that includes pronunciation information for words that have a unique pronunciation in the content and have meaning that depends on pronunciation

  4. Providing pronunciation information USING a technology-specific technique below

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.1.6 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.1.6

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Providing pronunciations in a sound file, so that users can listen to the pronunciations of the word (future link)

  • Providing a mechanism for finding pronunciations for all foreign words in text content (future link)

  • Providing a mechanism to determine the pronunciations of each word or phrase in text content (future link)

Examples of Success Criterion 3.1.6

  • Giving the reading of a person's name.

    Web content in Japanese provides kana (Japanese phonetic syllabary characters) written next to Han characters (Kanji) show the pronunciation of a person's name. The kana is provided to users in parentheses right after the word. Giving the reading of the words written in Han characters (Kanji) allows both sighted users and screen readers to read/pronounce the words correctly. Note that screen readers will speak the word twice: the Han characters (Kanji) that can be pronounced in a wrong way are read first and then kana is spoken in order to provide the correct reading.

  • Showing the reading of the words by ruby element.

    Web content using XHTML 1.1 provides kana (phonetic syllabary characters) written above the characters to show the reading (pronunciation) of the words by using the ruby element.

  • Providing sound files of the pronunciation.

    A document includes some words whose meaning cannot be determined without knowing the correct pronunciation. Each word is linked to a sound file that gives the correct pronunciation. Users can select these links to find out how to pronounce the words.

  • Including pronunciation information in the glossary.

    A Web page includes a glossary section. Some items in the glossary include pronunciation information as well as definitions. Words in the content whose meaning cannot be determined without knowing their pronunciation are linked to the appropriate entries in the glossary.

  • Text that includes pronunciation information for characters shared by several languages but pronounced differently in each language

    A Japanese university Web site includes several short phrases quoted from scholarly texts in Chinese and Korean. The quotations are written using the same script as the Japanese text. Pronunciation information is provided to show the correct reading of the Chinese and Korean characters.

Note: For Japanese, the ruby element is used for showing the "reading" rather than "pronunciation."

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


Understanding Guideline 3.2: Make the placement and functionality of content predictable

Intent of Guideline 3.2

The intent of this success criterion is to help users with disabilities by presenting content in a predictable order from Web page to Web page and by making the behavior of functional and interactive components predictable. It is difficult for some users to form an overview of the Web page: screen readers present content as a one-dimensional stream of synthetic speech that makes it difficult to understand spatial relationships. Users with cognitive limitations may become confused if components appear in different places on different pages.

To give just a few examples, people who use screen magnifiers see only part of the screen at any point in time; a consistent layout makes it easier for them to find navigation bars and other components. Placing repeated components in the same relative order within a set of Web pages allows users with reading disabilities to focus on an area of the screen rather than spending additional time decoding the text of each link. Users with limited use of their hands can more easily determine how to complete their tasks using the fewest keystrokes; and so on.

Advisory Techniques for Guideline 3.2 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.


How to Meet Success Criterion 3.2.1 (On Focus)

3.2.1 When any component receives focus, it does not initiate a change of context. [LC-981] (Level 1)

Key Terms

changes of context

change of :

  1. user agent;

  2. viewport;

  3. focus;

  4. content that changes the meaning of the Web page.

Note: A change of content is not always a change of context. Small changes in content, such as an expanding outline or dynamic menu, do not change the context.

Intent of this Success Criterion

The intent of this success criterion is to ensure that functionality is predictable as visitors navigate their way through a document. Any component that is able to trigger an event when it receives focus must not change the context. Examples of changing context when a component receives focus include, but are not limited to:

  • forms submitted automatically when a component receives focus;

  • new windows launched when a component receives focus;

  • focus is changed to another component when that component receives focus;

Specific Benefits of Success Criterion 3.2.1:

  • This success criterion helps people with visual disabilities, cognitive limitations, and motor impairments by reducing the chance that a change of context will occur unexpectedly.

Techniques for Addressing Success Criterion 3.2.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.2.1 by the WCAG Working Group.

Additional Techniques (Advisory) for 3.2.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

(none currently documented)

Examples of Success Criterion 3.2.1

  • Example 1: A dropdown menu

    A dropdown menu on a page allows users to choose between jump destinations. If the person uses the keyboard to move down to a choice and activates it (with a spacebar or enter key) it will jump to a new page. However, if the person moves down to a choice and either hits the escape or the tab key to move out of the pulldown menu – it does not jump to a new screen as the focus shifts out of the dropdown menu.

  • Example of a Failure: A help dialog

    When a field receives focus, a help dialog describing the field opens. As a keyboard user tabs through the Web page, the dialog opens every time the user attempts to tab past the field. [LC-1130]


How to Meet Success Criterion 3.2.2 (On Input)

3.2.2 Changing the setting of any user interface component does not automatically cause a change of context unless the user has been advised of the behavior before using the component. [LC-969] [LC-503] [LC-755] [LC-1299] [LC-968] (Level 1)

Key Terms

changes of context

change of :

  1. user agent;

  2. viewport;

  3. focus;

  4. content that changes the meaning of the Web page.

Note: A change of content is not always a change of context. Small changes in content, such as an expanding outline or dynamic menu, do not change the context.

Intent of this Success Criterion

The intent of this success criterion is to ensure that entering data or selecting from a control has predictable effects. Changes in context, such as changing the input fields based on the value of a radio button, can confuse users who do not easily perceive the change or are easily distracted by changes. Changes of context are appropriate only when it is clear that such a change will happen when a field is selected or a button is pressed.

Specific Benefits of Success Criterion 3.2.2:

  • This success criterion helps users with disabilities by making interactive content more predictable. Unexpected changes of context can be so disorienting for users with visual disabilities or cognitive limitations that they are unable to use the content.

  • Individuals who are unable to detect changes of context are less likely to become disoriented while navigating a site. For example:

    • Individuals who are blind or have low vision may have difficulty knowing when a visual context change has occurred, such as a new window popping up. In this case, warning users of context changes in advance minimizes confusion when the user discovers that the back button no longer behaves as expected.

  • Some individuals with low vision, with reading and intellectual disabilities, and others who have difficulty interpreting visual cues may benefit from additional cues in order to detect changes of context.

Techniques for Addressing Success Criterion 3.2.2

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G80: Providing a submit button to initiate a change of context USING a technology-specific technique listed below

  2. G13: Describing what will happen before a change to a form control is made

    • H32: Providing submit buttons (HTML)

    • Using a button with a select element to perform an action [LC-1131] (future link)

    • Hiding and showing content based on a select element change (future link)

    • Hiding and showing content based on a radio element change (future link)

Additional Techniques (Advisory) for 3.2.2

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

(none currently documented)

Examples of Success Criterion 3.2.2

  • A form is provided for creating calendar entries in a web based calendaring and scheduling application. Along with the standard fields for subject, time and location, there is a set of radio buttons to select the type of calendar entry to create. The calendar entry type can be meeting, appointment or reminder. If the user selects the radio for meeting, additional fields are displayed on the page for entering the meeting participants. Different fields appear if the reminder button is chosen. Because only parts of the entry change and the overall structure remains the same the basic context remains for the user. Instructions at the beginning of the Web page explain the behavior of each radio button and the fields that appear when the button is selected.

  • A tab panel user interface is implemented within a Web page. The tab panel consists of 5 tabs, each with a different title and content: US News, World News, Weather, Entertainment, and Humor. As the user navigates from tab to tab using the arrow keys, the contents of the Web page are updated to reflect the selected tab. For example, when the user navigates to the Humor tab, A short account of a humorous incident is made visible in the tab panel, replacing the previous contents of the panel. This is the expected behavior of a tab panel user interface. The tab key can be used to navigate within the elements of the tab panel and then to other elements on the page below the current panel.

  • A form contains fields representing US phone numbers. All of the numbers have a three digit area code followed by a three digit prefix and finally a four digit number, and each part of the phone number is entered into a separate field. When the user completes the entry of one field and enter the first digit of the next field, the focus automatically moves to the next field of the phone number. This behavior of phone fields is described for the user at the beginning of the form. [LC-755] [LC-1299]


How to Meet Success Criterion 3.2.3 (Consistent Navigation)

3.2.3 Navigational mechanisms that are repeated on multiple Web pages within a set of Web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user. (Level 2)

Key Terms

Web page

a resource that is referenced by a URI and is not embedded in another resource, plus any other resources that are used in the rendering or intended to be rendered together with it [LC-862]

Note: Although any "other resources" would be rendered together with the primary resource, they would not necessarily be rendered simultaneously with each other.

Example 1: A movie-like interactive shopping environment where the user visually moves about a store dragging products off of the shelves around them into a visual shopping cart in front of them. Clicking on a product causes it to be demonstrated with a specification sheet alongside.

Example 2: A Web resource including all embedded images and media.

set of Web pages

collection of Web pages that have a specific relationship to each other and that are created as a body of work by an author, group or organization [LC-711] [LC-916]

Note: Different language versions would be considered different bodies of work.

Example: A set of Web pages that make up a report, a test, an exercise, a catalog, or an application.

same relative order

same position relative to other items

Note: Items are considered to be in the same relative order even if other items are inserted or removed from the original order. For example, expanding navigation menus may insert an additional level of detail or a secondary navigation section may be inserted into the reading order.

Intent of this Success Criterion

The intent of this success criterion is to encourage the use of consistent presentation and layout for users who interact with repeated content within [LC-983] a set of Web pages and need to locate specific information or functionality more than once. Individuals with low vision who use screen magnification to display a small portion of the screen at a time often use visual cues and page boundaries to quickly locate repeated content. Presenting repeated content in the same order is also important for visual users who use spatial memory or visual cues within the design to locate repeated content.

It is important to note that the use of the phrase "same order" in this section is not meant to imply that subnavigation menus cannot be used or that blocks of secondary navigation or page structure cannot be used. Instead, this success criterion is intended to assist users who interact with repeated content across Web pages to be able to predict the location of the content they are looking for and find it more quickly when they encounter it again.

Users may initiate a change in the order by using adaptive user agents or by setting preferences so that the information is presented in a way that is most useful to them. [LC-612] [LC-612]

Specific Benefits of Success Criterion 3.2.3:

  • Ensuring that repeated components occur in the same order on each page of a site helps users become comfortable that they will able to predict where they can find things on each page. This helps users with cognitive limitations, users with low vision, users with intellectual disabilities, and also those who are blind.

Techniques for Addressing Success Criterion 3.2.3

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.2.3 by the WCAG Working Group.

Additional Techniques (Advisory) for 3.2.3

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using templates to ensure consistency across multiple Web pages (future link)

Additional Technology-Specific Techniques (Advisory)
CSS Techniques
  • Creating layout, positioning, layering, and alignment (future link)

Examples of Success Criterion 3.2.3

  • A consistently located control

    A search field is the last item on every Web page in a site. users can quickly locate the search function.

  • An expanding navigation menu

    A navigation menu includes a list of seven items with links to the main sections of a site. When a user selects one of these items, a list of subnavigation items is inserted into the top-level navigation menu.

  • Consistently positioned skip navigation controls

    A "skip navigation" link is included as the first link on every page in a Web site. The link allows users to quickly bypass heading information and navigational content and begin interacting with the main content of a page.

  • Skip to navigation link

    A skip to navigation link is provided to navigational content at the end of a page. The link is consistently located at the top of each page so that keyboard users can easily locate it when needed.

Related Resources

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 3.2.4 (Consistent Identification)

3.2.4 Components that have the same functionality within a set of Web pages are identified consistently. (Level 2)

Key Terms

same functionality

same result when used [LC-982]

Example: A submit "search" button on one Web page and a "find" button on another Web page may both have a field to enter a term and list topics in the Web site related to the term submitted. In this case, they would have the same functionality but would not be labeled consistently.

Web page

a resource that is referenced by a URI and is not embedded in another resource, plus any other resources that are used in the rendering or intended to be rendered together with it [LC-862]

Note: Although any "other resources" would be rendered together with the primary resource, they would not necessarily be rendered simultaneously with each other.

Example 1: A movie-like interactive shopping environment where the user visually moves about a store dragging products off of the shelves around them into a visual shopping cart in front of them. Clicking on a product causes it to be demonstrated with a specification sheet alongside.

Example 2: A Web resource including all embedded images and media.

Intent of this Success Criterion

The intent of this success criterion is to ensure consistent identification of functional components that appear repeatedly within a set of Web pages. A strategy that people who use screen readers use when operating a Web site is to rely heavily on their familiarity with functions that may appear on different Web pages. If identical functions have different labels on different Web pages, the site will be considerably more difficult to use. It may also be confusing and increase the cognitive load for people with cognitive limitations. Therefore, consistent labeling will help.

This consistency extends to the text alternatives. If icons or other non-text items have the same functionality, then their text alternatives should be consistent as well.

Specific Benefits of Success Criterion 3.2.4:

  • People who learn functionality on one page on a site can find the desired functions on other pages if they are present.

  • When non-text content is used in a consistent way to identify components with the same functionality, people with difficulty reading text or detecting text alternatives can interact with the Web without depending on text alternatives.

  • People who depend on text alternatives can have a more predictable experience. They can also search for the component if it has a consistent label on different pages.

Techniques for Addressing Success Criterion 3.2.4

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. Using consistent labels, names, and text alternatives for content that has the same functionality.

Note 1: Text alternatives that are "consistent" are not always "identical." For instance, you may have an graphical arrow at the bottom of a Web page that links to the next Web page. The text alternative may say "Go to page 4." Naturally, it would not be appropriate to repeat this exact text alternative on the next Web page. It would be more appropriate to say "Go to page 5". Although these text alternatives would not be identical, they would be consistent, and therefore would satisfy this success criterion.

Note 2: A single non-text-content-item may be used to serve different functions. In such cases, different text alternatives are necessary and should be used. Examples can be commonly found with the use of icons such as check marks, cross marks, and traffic signs. Their functions can be different depending on the context of the Web page. A check mark icon may function as "approved", "completed", or "included", to name a few, depending on the situation. Using "check mark" as text alternative across all Web pages does not help users understand the function of the icon. Different text alternatives can be used when the same non-text content serves multiple functions.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.2.4 by the WCAG Working Group.

Additional Techniques (Advisory) for 3.2.4

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Ensuring that the text alternative conveys the function of the component and what will happen when the user activates it (future link)

  • Using the same non-text content for a given function whenever possible (future link)

Examples of Success Criterion 3.2.4

  • Example 1: Document Icon

    A document icon is used to indicate document download throughout a site. The text alternative for the icon always begins with the word “Download,” followed by a shortened form of the document title. Using different text alternatives to identify document names for different documents is a consistent use of text alternatives.

  • Example 2: Check Mark

    A check mark icon functions as "approved", on one page but as "included" on another. Since they serve different functions, they have different text alternatives.

  • Example 3: Consistent references to other pages

    A Web site publishes articles online. Each article spans multiple Web pages and each page contains a link to the first page, the next page and the previous page of the article. If the references to the next page read "page 1", "page 2", "page 2" etcetera, the labels are not the same but they are consistent. Therefore, these references are not failures of this success criterion.

  • Example 4: Icons with similar functions

    An e-commerce application uses a printer icon that allows the user to print receipts and invoices. In one part of the application, the printer icon is labeled "Print receipt" and is used to print receipts, while in another part it is labeled "Print invoice" and is used to print invoices. The labeling is consistent ("Print x"), but the labels are different to reflect the different functions of the icons. Therefore, this example does not fail the success criterion.

  • Example 5: Save icon

    A common "save" icon is used through out the site where page save function is provided on multiple Web pages.

  • Example 6: Example of a Failure

    A submit "search" button on one Web page and a "find" button on another Web page both have a field to enter a term and list topics in the Web site related to the term submitted. In this case, the buttons have the same functionality but are not labeled consistently.


How to Meet Success Criterion 3.2.5 (Change on Request)

3.2.5 Changes of context are initiated only by user request. (Level 3)

Key Terms

changes of context

change of :

  1. user agent;

  2. viewport;

  3. focus;

  4. content that changes the meaning of the Web page.

Note: A change of content is not always a change of context. Small changes in content, such as an expanding outline or dynamic menu, do not change the context.

Intent of this Success Criterion

The intent of this success criterion is to encourage design of Web content that gives users full control of changes of context. This success criterion aims to eliminate potential confusion that may be caused by unexpected changes of context such as automatic launching of new windows, automatic submission of forms after selecting an item from a list, etcetera. Such unexpected changes of context may cause difficulties for people with motor impairments, people with low vision, people who are blind, and people with certain cognitive limitations.

Specific Benefits of Success Criterion 3.2.5:

  • Individuals who are unable to detect changes of context or may not realize that the context has changed are less likely to become disoriented while navigating a site. For examle:

    • individuals who are blind or have low vision may have difficulty knowing when a visual context change has occurred, such as a new window popping up. In this case, warning users of context changes in advance minimizes confusion when the user discovers that the back button no longer behaves as expected.

  • Some individuals with low vision, with reading and intellectual disabilities, and who have difficulty interpreting visual cues may benefit from additional cues in order to detect changes of context.

  • People with certain cognitive limitations do not get confused if automatic redirects are performed by the Web server instead of the browser.

Techniques for Addressing Success Criterion 3.2.5

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If the Web page allows automatic updates:
  1. G76: Providing a mechanism to request an update of the content instead of updating automatically

Situation B: If automatic redirects are possible:
  1. SVR1: Implementing automatic redirects on the server side instead of on the client side (SERVER)

  2. G110: Using an instant client-side redirect USING one of the following techniques:

Situation C: If the Web page uses pop-up windows:
  1. Including pop-up windows USING one of the following techniques:

Situation D: If using an onchange event on a select element:
  1. SCR19: Using an onchange event on a select element without causing a change of context (SCRIPT)

Additional Techniques (Advisory) for 3.2.5

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

HTML Techniques (Advisory)

Open new windows by:

  • Using the target attribute instead of scripts (future link), indicating that the link may open in a new window, or

  • Providing normal hyperlinks without the target attribute (future link), because many user agents allow users to open links in another window or tab.

Examples of Success Criterion 3.2.5

  • an "update now" button

    Instead of automatically updating the content, the author provides an "Update now" button that requests a refresh of the content.

  • An automatic redirection

    A user is automatically redirected from an old page to a new page in such a way that he or she never realizes the redirect has occurred.

Related Resources

Resources are for information purposes only, no endorsement implied.


Understanding Guideline 3.3: Help users avoid mistakes and make it easy to correct mistakes that do occur

Intent of Guideline 3.3

Everyone makes mistakes. However, people with some disabilities have more difficulty creating error-free input. In addition, it may be harder for them to detect that they have made an error. Typical error indication methods may not be obvious to them because of a limited field of view, limited color perception, or use of assistive technology. This guideline seeks to reduce the number of serious or irreversible errors that are made, increase the likelihood that all errors will be detected, and help users understand what they should do to correct an error.

Advisory Techniques for Guideline 3.3 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.

  • All advisory techniques for this guideline relate to specific success criteria and are listed below.

How to Meet Success Criterion 3.3.1 (Error Identification)

3.3.1 If an input error is automatically detected, the item that is in error is identified and described to the user in text. [LC-978] (Level 1)

Key Terms

input error

information provided by the user that is not accepted

Note: This includes:

  1. Information that is required by the Web page but omitted by the user

  2. Information that is provided by the user but that falls outside the required data format or values

Intent of this Success Criterion

The intent of this success criterion is to ensure that users are aware that an error has occurred and can determine what is wrong. The error message should be as specific as possible. [LC-979] In the case of an unsuccessful form submission, re-displaying the form and indicating the fields in error is insufficient for some users to perceive that an error has occurred. Screen reader users, for example, will not know there was an error until they encounter one of the indicators. They may abandon the form altogether before encountering the error indicator, thinking that the page simply is not functional.

The identification and description of an error can be combined with programmatic information that user agents or assistive technologies can use to identify an error and provide error information to the user. For example, certain technologies can specify that the user's input must not fall outside a specific range, or that a form field is required. Currently, few technologies support this kind of programmatic information, but the success criterion does not require, nor prevent it. [LC-629]

Specific Benefits of Success Criterion 3.3.1:

  • Providing information about input errors in text allows users who are blind or colorblind to perceive the fact that an error occurred.

  • This success criterion may help people with cognitive, language, and learning disabilities who have difficulty understanding the meaning represented by icons and other visual cues. [LC-1115]

Techniques for Addressing Success Criterion 3.3.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If a form contains fields for which information from the user is mandatory.
  1. G83: Providing text descriptions to identify required fields that were not completed

Situation B: If information provided by the user is required to be in a specific data format or of certain values.
  1. G85: Providing a text description when user input falls outside the required format or values

  2. SCR18: Providing client-side validation and alert (SCRIPT)

  3. Providing client-side validation and adding error text via the DOM (future link)

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.3.1 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.3.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • G139: Creating a mechanism that allows users to jump to errors

  • Validating form submissions on the server (future link)

  • Re-displaying a form with a summary of errors (future link)

  • Providing error notification as the user enters information (future link)

  • Assisting the user in making corrections by providing links to each error (future link)

  • Highlighting or visually emphasizing errors where they occur (future link)

  • Supplementing text with non-text content when reporting errors (future link)

Examples of Success Criterion 3.3.1

  • Identifying errors in a form submission

    An airline Web site offers a special promotion on discounted flights. The user is asked to complete a simple form that asks for personal information such as name, address, phone number, seating preference and e-mail address. If any of the fields of the form are either not completed or completed incorrectly, an alert is displayed notifying the user which field or fields were missing or incorrect. [LC-1116]

    Note: This success criterion does not mean that color or text styles cannot be used to indicate errors. It simply requires that errors also be identified using text. In this example, two asterisks are used in addition to color.

  • Providing multiple cues

    The user fails to fill in two fields on the form. In addition to describing the error and providing a unique character to make it easy to search for the fields, the fields are highlighted in yellow to make it easier to visually search for them as well.

Related Resources

Resources are for information purposes only, no endorsement implied.


How to Meet Success Criterion 3.3.2 (Error Suggestion)

3.3.2 If an input error is detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize the security or purpose of the content . (Level 2)

Key Terms

input error

information provided by the user that is not accepted

Note: This includes:

  1. Information that is required by the Web page but omitted by the user

  2. Information that is provided by the user but that falls outside the required data format or values

Intent of this Success Criterion

The intent of this success criterion is to ensure that users receive appropriate suggestions for correction of an input error if it is possible.

Success Criterion 3.3.1 provides for notification of errors. However, persons with cognitive limitations may find it difficult to understand how to correct the errors. People with visual disabilities may not be able to figure out exactly how to correct the error. In the case of an unsuccessful form submission, users may abandon the form because although they may be aware that an error has occurred, they may be unsure of how to correct the error even though they are aware that it has occurred.

The content author may provide the description of the error, or the user agent may provide the description of the error based on technology-specific, programmatically determined information. [LC-630]

Specific Benefits of Success Criterion 3.3.2:

  • Providing information about how to correct input errors allows users who have learning disabilities to fill in a form successfully. Users who are blind or have impaired vision understand more easily the nature of the input error and how to correct it. People with motion impairment can reduce the number of times they need to change an input value.

Techniques for Addressing Success Criterion 3.3.2

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Note: In some cases, more than one of these situations may apply. For example, when a mandatory field also requires the data to be in a specific format. [LC-1117]

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If a mandatory field contains no information:
  1. G83: Providing text descriptions to identify required fields that were not completed

Situation B: If information for a field is required to be in a specific data format:
  1. G85: Providing a text description when user input falls outside the required format or values

  2. Providing links to suggested correction text "close to" form fields, or providing the suggested correction text itself directly on the Web page "next to" form fields (future link) [LC-1119]

  3. SCR18: Providing client-side validation and alert (SCRIPT) [LC-1119]

  4. Providing client-side validation and adding error text via the DOM (future link) [LC-1119]

Situation C: Information provided by the user is required to be one of a limited set of values:
  1. G84: Providing a text description when the user provides information that is not in the list of allowed values

  2. Providing links to suggested correction text "close to" form fields, or providing the suggested correction text itself directly on the Web page "next to" form fields (future link) [LC-1119]

  3. SCR18: Providing client-side validation and alert (SCRIPT) [LC-1119]

  4. Providing client-side validation and adding error text via the DOM (future link) [LC-1119]

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.3.2 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.3.2

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • G139: Creating a mechanism that allows users to jump to errors

  • Making error messages easy to understand and distinguishable from other text in the Web page (future link)

  • Validating form submissions on the server (future link)

  • When mandatory information has not been provided, including descriptions or examples of correct information in addition to identifying the field as mandatory (future link)

  • Repeating and emphasizing suggestions for correcting each input error in the context of its form field (future link)

  • Providing a way for the user to skip from each item in a list of suggestions to its corresponding form field (future link)

  • Providing additional contextual help for the form field requiring change (future link)

Techniques for providing suggestions to the user
  • Providing a text description that contains information about the number of input errors, suggestions for corrections to each item, and instructions on how to proceed (future link)

  • Providing a text description that contains suggestions for correction as the first item (or one of the first items) of content, or emphasizing this information in the content (future link)

  • Displaying errors and suggestions in the context of the original form (for example, re-displaying a form where input errors and suggestions for correction are highlighted and displayed in the context of the original form) (future link)

HTML Techniques
  • Providing "correct examples" for data and data formats as initial text in mandatory form fields (future link)

  • Providing links to suggested correction text "close to" form fields, or providing the suggested correction text itself directly on the Web page "next to" form fields (future link)

Client-Side Scripting Techniques
ARIA Techniques

Examples of Success Criterion 3.3.2

  • Additional Help for Correcting An Input Error

    The result of a form that was not successfully submitted describes an input error in place in the page along with the correct input and offers additional help for the form field that caused the input error. [LC-1118]

  • Suggestions from a Limited Set of Values

    An input field requires that a month name be entered. If the user enters "12," suggestions for correction may include

    • A list of the acceptable values, e.g., "Choose one of: January, February, March, April, May, June, July, August, September, October, November, December."

    • A description of the set of values, e.g., "Please provide the name of the month."

    • The conversion of the input data interpreted as a different month format, e.g., "Do you mean 'December'?"

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 3.3.3 (Error Prevention (Legal, Financial, Data))

3.3.3 For forms that cause legal commitments or financial transactions to occur, that modify or delete user-controllable data in data storage systems, or that submit test responses, at least one of the following is true: [LC-1471] [LC-708] (Level 2)

  1. Reversible: Transactions are reversible. [LC-1196]

  2. Checked: Submitted data is checked for input errors before going on to the next step in the process. [LC-1196]

  3. Confirmed: A mechanism is available for reviewing, confirming, and correcting information before finalizing the transaction. [LC-1170] [LC-1196]

Key Terms

legal committments [LC-1471]

transactions where the person incurs a legally binding obligation or benefit

Example: A marriage license, a stock trade (financial and legal), a will, a loan, adoption, signing up for the army, a contract of any type, etc.

user-controllable

data that is intended to be accessed by users

Note: This does not refer such things as internet logs and search engine monitoring data.

Example: Name and address fields for a user’s account.

input error

information provided by the user that is not accepted

Note: This includes:

  1. Information that is required by the Web page but omitted by the user

  2. Information that is provided by the user but that falls outside the required data format or values

process

series of user actions where each action is required in order to complete an activity

Example 1: A series of Web pages on a shopping site requires users to view alternative products and prices, select products, submit an order, provide shipping information and provide payment information.

Example 2: An account registration page requires successful completion of a Turing test before the registration form can be accessed.

mechanism

process or technique for achieving a result

Note 1: The mechanism may be explicitly provided in the content, or may be relied on to be provided by either the platform or by user agents, including assistive technologies.

Note 2: The mechanism must meet all success criteria for the conformance level claimed. [LC-619]

Intent of this Success Criterion

The intent of this success criterion is to help users with disabilities avoid serious consequences as the result of a mistake when performing an action that cannot be reversed. For example, purchasing non-refundable airline tickets or submitting an order to purchase stock in a brokerage account are financial transactions with serious consequences. If a user has made a mistake on the date of air travel, he or she could end up with a ticket for the wrong day that cannot be exchanged. If the user made a mistake on the number of stock shares to be purchased, he or she could end up purchasing more stock than intended. Both of these types of mistakes involve transactions that take place immediately and cannot be altered afterwards, and can be very costly. Likewise, it may be an unrecoverable error if users unintentionally modify or delete data stored in a database that they later need to access, such as their travel profile in a travel services Web site. Test data is included in this provision because, in order for tests to be valid, users are not allowed to modify their answers once submitted; so users need to be able to ensure that their submission is correct.

Users with disabilities may be more likely to make mistakes. People with reading disabilities may transpose numbers and letters, and those with motor disabilities may hit keys by mistake. Providing the ability to reverse actions allows users to correct a mistake that could result in serious consequences. Providing the ability to review and correct information gives the user an opportunity to detect a mistake before taking an action that has serious consequences.

User-controllable data is data that is intended to be accessed by users. (e.g., name and address for the user’s account.) It does not refer such things as internet logs and search engine monitoring data.

Specific Benefits of Success Criterion 3.3.3:

  • Providing safeguards to avoid serious consequences resulting from mistakes helps users with all disabilities who may be more likely to make mistakes.

Techniques for Addressing Success Criterion 3.3.3

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If an application causes a legal transaction to occur, such as making a purchase or submitting an income tax return:
  1. Providing a period of time after submission of the form when the order can be updated or cancelled by the user (future link)

  2. G98: Providing the ability for the user to review and correct answers before submitting

Situation B: If an action causes information to be deleted:
  1. G99: Providing the ability to recover deleted information

  2. Providing a dialog to the user which requires confirmation before information is deleted (future link) [LC-1122]

  3. Requiring a user to select a confirmation checkbox before submitting an action that causes information to be deleted (future link) [LC-1123]

Situation C: If the Web page includes a testing application:
  1. G98: Providing the ability for the user to review and correct answers before submitting

  2. Asking for confirmation before final submission (future link)

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.3.3 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.3.3

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Informing the user what irreversible action is about to happen (future link)

  • SCR18: Providing client-side validation and alert (SCRIPT)

  • Placing focus in the field containing the error (future link) [LC-727]

  • Avoiding use of the same words or letter combinations to begin each item of a drop-down list (future link) [LC-727]

Examples of Success Criterion 3.3.3

  • Order confirmation.

    A Web retailer offers on-line shopping for customers. When an order is submitted, the order information—including items ordered, quantity of each ordered item, shipping address, and payment method—are displayed so that the user can inspect the order for correctness. The user can either confirm the order or make changes.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 3.3.4 (Cues)

3.3.4 Information or cues are provided when content requires user input (Level 2)

Intent of this Success Criterion

The intent of this success criterion is to help users avoid making mistakes when their input is required. To help avoid mistakes it is good user interface design to provide simple instructions and cues for entering information. Some users with disabilities may be more likely to make mistakes than users without disabilities or recovery from mistakes may be more difficult, making mistake avoidance an important strategy for users with disabilities. People with disabilities rely on well documented forms and procedures to interact with a page. Blind users need to know exactly what information should be entered into form fields and what the available choices are. Simple instructions visually connected to form controls can assist users with cognitive disabilities or those accessing a page using a screen magnifier.

The intent of this success criterion is not to clutter the page with unnecessary information but to provide important cues and instructions that will benefit people with disabilities. Too much information or instruction can be just as much of a hindrance as too little. The goal is to make certain that enough information is provided for the user to accomplish the task without undue confusion or navigation.

Specific Benefits of Success Criterion 3.3.4:

  • Label elements associated with input elements insure that information about the input field is spoken by screen readers when the field receives focus.

  • Field labels located in close proximity to the associated field assist users of screen magnifiers because the field and label are more likely to visible within the magnified area of the page.

  • Providing examples of expected data formats help users with cognitive, language and learning disabilities to enter information correctly.

  • Clearly identifying required fields prevents a keyboard only user from submitting an incomplete form and having to navigate the redisplayed form to find the uncompleted field and provide the missing information.

Techniques for Addressing Success Criterion 3.3.4

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. G131: Providing descriptive labels AND one of the following:

  2. H44: Using label elements to associate text labels with form controls (HTML)

  3. H65: Using the title attribute to identify form controls when the label element cannot be used (HTML)

  4. H71: Providing a description for groups of form controls using fieldset and legend elements (HTML)

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.3.4 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.3.4

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

Examples of Success Criterion 3.3.4

  • A field which requires the user to enter the two character abbreviation for a US state has a link next to it which will popup an alphabetized list of state names and the correct abbreviation.

  • A field for entering a date contains initial text which indicates the correct format for the date.

  • A field for entering a given name is clearly labeled with "Given Name" and the field for family name is labeled "Family Name" to avoid confusion over which name is requested.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 3.3.5 (Help)

3.3.5 Context-sensitive help is available. (Level 3)

Key Terms

context-sensitive help

help text that provides information related to the function currently being performed

Intent of this Success Criterion

The intent of this success criterion is to help users avoid making mistakes. Some users with disabilities may be more likely to make mistakes than users without disabilities. Using context-sensitive help, users find out how to perform an operation without losing track of what they are doing.

Context-sensitive help only needs to be provided when the label is not sufficient to describe all functionality. In most cases, context-sensitive help should not be placed in the form itself, but should instead be available to users when they request it (e.g. by linking to a separate help file). [LC-757]

The content author may provide the help text, or the user agent may provide the help text based on technology-specific, programmatically determined information. [LC-632]

Specific Benefits of Success Criterion 3.3.5:

  • Assistance for text input helps individuals with writing disabilities and people with reading and intellectual disabilities who often have difficulty writing text in forms or other places that need text input.

  • Additionally, these kinds of assistance help people who are aging and have the same difficulty in text input and/or mouse operation.

Techniques for Addressing Success Criterion 3.3.5

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If a form requires text input:
  1. G71: Providing a help link on every Web page

  2. Using scripts to provide context-sensitive bubble help (future link) [LC-730]

  3. Providing help by an assistant in the Web page (future link)

  4. Providing spell checking and suggestions for text input if applicable to the language (future link)

  5. Using the title attribute to provide context-sensitive help [LC-730]

  6. Providing instructions at the top of a form (future link) [LC-1252]

Situation B: If a form requires text input in an expected data format:
  1. G89: Providing expected data format and example

  2. Providing instructions at the top of a form (future link) [LC-1252]

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 3.3.5 by the WCAG Working Group.

(No failures currently documented)

Additional Techniques (Advisory) for 3.3.5

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Checking byte of character and auto-converting to expected byte for text input if applicable (future link)

Examples of Success Criterion 3.3.5

  • Online job application

    Some of the questions may be hard for new job seekers to understand. A help link next to each question provides instructions and explanations for each question.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 3.3.6 (Error Prevention (All))

3.3.6 For forms that require the user to submit information, at least one of the following is true: [LC-1171] (Level 3)

  1. Reversible: Transactions are reversible.

  2. Checked: Submitted data is checked for input errors before going on to the next step in the process.

  3. Confirmed: A mechanism is available for reviewing, confirming, and correcting information before finalizing the transaction.

Key Terms

input error

information provided by the user that is not accepted

Note: This includes:

  1. Information that is required by the Web page but omitted by the user

  2. Information that is provided by the user but that falls outside the required data format or values

process

series of user actions where each action is required in order to complete an activity

Example 1: A series of Web pages on a shopping site requires users to view alternative products and prices, select products, submit an order, provide shipping information and provide payment information.

Example 2: An account registration page requires successful completion of a Turing test before the registration form can be accessed.

mechanism

process or technique for achieving a result

Note 1: The mechanism may be explicitly provided in the content, or may be relied on to be provided by either the platform or by user agents, including assistive technologies.

Note 2: The mechanism must meet all success criteria for the conformance level claimed. [LC-619]

Intent of this Success Criterion

The intent of this success criterion is to help users with disabilities avoid consequences that may result from making a mistake when submitting form data. This criterion builds on Success Criterion 3.3.3 in that it applies to all forms that require users to submit information.

Users with disabilities may be more likely to make mistakes and may have more difficulty detecting or recovering from mistakes. People with reading disabilities may transpose numbers and letters, and those with motor disabilities may hit keys by mistake. Providing the ability to reverse actions allows users to correct a mistake that could result in serious consequences. Providing the ability to review and correct information gives the user an opportunity to detect a mistake before taking an action.

Specific Benefits of Success Criterion 3.3.6:

  • Providing safeguards to avoid serious consequences resulting from mistakes helps users with all disabilities who may be more likely to make mistakes.

Techniques for Addressing Success Criterion 3.3.6

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

  1. Following the sufficient techniques for Success Criterion 3.3.3 for all forms that require the user to submit information.


Understanding Guideline 4.1: Support compatibility with current and future user agents, including assistive technologies

Intent of Guideline 4.1

The purpose of this guideline is to support compatibility with current and future user agents, especially assistive technologies (AT). This is done both by 1) ensuring that authors do not do things that would break AT (e.g. poorly formed markup) or circumvent AT (e.g. by using unconventional markup or code) and 2) exposing information in the content in standard ways that assistive technologies can recognize and interact with. Since technologies change quickly, and AT developers have much trouble keeping up, it is important that content follow conventions and be compatible with APIs so that AT can more easily work with new technologies as they evolve.

Advisory Techniques for Guideline 4.1 (not success criteria specific)

Specific techniques for meeting each success criterion for this guideline are listed in the How to Meet sections for each success criterion (listed below). If there are techniques, however, for addressing this guideline that do not fall under any of the success criteria, they are listed here. These techniques are not required or sufficient for meeting any success criteria, but can make certain types of Web content more accessible to more people.

  • All advisory techniques for this guideline relate to specific success criteria and are listed below.

How to Meet Success Criterion 4.1.1 (Parsing)

4.1.1 Content implemented using markup languages has elements with complete start and end tags, except as allowed by their specifications, and are nested according to their specifications. [LC-1179] [LC-910] (Level 1)

Note: Start and end tags that are missing a critical character in their formation, such as a closing angle bracket or a mismatched attribute value quotation mark are not complete.

Key Terms

Web page

a resource that is referenced by a URI and is not embedded in another resource, plus any other resources that are used in the rendering or intended to be rendered together with it [LC-862]

Note: Although any "other resources" would be rendered together with the primary resource, they would not necessarily be rendered simultaneously with each other.

Example 1: A movie-like interactive shopping environment where the user visually moves about a store dragging products off of the shelves around them into a visual shopping cart in front of them. Clicking on a product causes it to be demonstrated with a specification sheet alongside.

Example 2: A Web resource including all embedded images and media.

Intent of this Success Criterion

The intent of this success criterion is to ensure that user agents, including assistive technologies, can accurately interpret and parse content. If the content cannot be parsed into a data structure, then different user agents may present it differently or be completely unable to parse it. Some user agents use "repair techniques" to render poorly coded content.

Since repair techniques vary among user agents, authors can not assume that content will be accurately parsed into a data structure or that it will be rendered correctly by specialized user agents, including assistive technologies, unless the content us created according to the rules defined in the formal grammar for that technology. Therefore, the success criterion requires that the content can be parsed using only the rules of the formal grammar. [LC-910]

Specific Benefits of Success Criterion 4.1.1:

  • Ensuring that Web pages have complete start and end tags and are nested according to specification helps ensure that assistive technologies can parse the content accurately and without crashing.

Techniques for Addressing Success Criterion 4.1.1

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 4.1.1 by the WCAG Working Group.

  • Failure of 4.1.1 due to incorrect use of start and end tags or attribute markup (future link) (HTML)

Additional Techniques (Advisory) for 4.1.1

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

(none currently documented)

Examples of Success Criterion 4.1.1

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Success Criterion 4.1.2 (Name, Role, Value)

4.1.2 For all user interface components, the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically determined and programmatically set; and notification of changes to these items is available to user agents, including assistive technologies. [LC-935] (Level 1)

Key Terms

name

text by which software can identify a component within Web content to the user

Note: The name may be hidden and only exposed by assistive technology, whereas a label is presented even without assistive technology. In many (but not all) cases, the label is a display of the name.

role

text or a number by which software can identify the function of a component within Web content

Example: A number that indicates whether an image functions as a hyperlink, command button, or check box.

programmatically determined

determined by software from author-supplied data provided in a way that different user agents, including assistive technologies, can extract and present this information to users in different modalities [LC-756] [LC-1502]

Example: Determined in a mark-up language from elements and attributes that are accessed directly by commonly available assistive technology.

Example: Determined from technology-specific data structures in a non-mark-up language and exposed to assistive technology via an accessibility API that is supported by commonly available assitive technology.

programmatically set

set by software using methods that are supported by user agents, including assistive technologies

user agent

any software that retrieves and renders Web content for users

Example: Web browsers, media players, plug-ins, and other programs — including assistive technologies — that help in retrieving, rendering, and interacting with Web content. [LC-1269]

Assistive technology (as used in this document [LC-732] )

a user agent that both:

  1. provides services beyond those offered by the host user agents to meet the requirements of users with disabilities. Such services include alternative renderings (e.g., as synthesized speech or magnified content), alternative input methods (e.g., voice), additional navigation or orientation mechanisms, and content transformations (e.g., to make tables more accessible), and [LC-1178]

  2. relies on services (such as retrieving Web content and parsing markup) provided by one or more other "host" user agents. Assistive technologies communicate data and messages with host user agents by using and monitoring APIs

Note 1: In this definition, the host user agents are user agents in the general sense of the term. That is, any software that retrieves and renders Web content for users. The host user agent may provide important services to assistive technologies like retrieving Web content from program objects or parsing markup into identifiable bundles. [LC-732]

Note 2: Host user agents may also provide services directly that meet the requirements of users with disabilities. [LC-732]

Note 3: This definition is based on User Agent Accessibility Guidelines 1.0 Glossary.

Example: Examples of assistive technologies that are important in the context of this document include the following:

  • screen magnifiers, and other visual reading assistants, which are used by people with visual, perceptual and physical print disabilities to change text font, size, spacing, color, synchronization with speech, etc in order [LC-604] improve the visual readability of rendered text and images;

  • screen readers, which are used by people who are blind to read textual information through synthesized speech or braille;

  • text-to-speech software, which is used by some people with cognitive, language, and learning disabilities to convert text into synthetic speech;

  • voice recognition software, which may be used by people who have some physical disabilities;

  • alternative keyboards, which are used by people with certain physical disabilities to simulate the keyboard;

  • alternative pointing devices, which are used by people with certain physical disabilities to simulate mouse pointing and button activations.

Intent of this Success Criterion

The intent of this success criterion is to ensure that Assistive Technologies (AT) can gather information about, activate(or set) and keep up to date on the status of user interface controls in the content.

When standard controls from accessible technologies are used, this process is straightforward. If the user interface elements are used according to specification the conditions of this provision will be met. (see examples of success criterion 4.1.2 below)

If custom controls are created, however, or interface elements are programmed (in code or script) to have a different role and/or function than usual, then additional measures need to be taken to ensure that the controls provide important information to assistive technologies and allow themselves to be controlled by assistive technologies.

Specific Benefits of Success Criterion 4.1.2:

  • Providing role, state, and value information on all user interface components enables compatibility with assistive technology, such as screen readers, screen magnifiers, and speech recognition software, used by people with disabilities.

Techniques for Addressing Success Criterion 4.1.2

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If using a standard user interface component in a markup language (e.g. HTML):
  1. G108: Using markup features to expose the name and role, allow user-settable properties to be directly set, and provide notification of changes USING technology-specific techniques below:

Situation B: If using script or code to re-purpose a standard user interface component in a markup language:
  1. Exposing the names and roles, allowing user-settable properties to be directly set, and providing notification of changes USING one of the following techniques:

Situation C: If using a standard user interface component in a programming technology:
  1. G135: Using the accessibility API features of a technology to expose names and roles, to allow user-settable properties to be directly set, and to provide notification of changes

Situation D: If creating your own user interface component in a programming language:
  1. G10: Creating components using a technology that supports the accessibility API features of the platforms on which the user agents will be run to expose the names and roles, allow user-settable properties to be directly set, and provide notification of changes

Additional Techniques (Advisory) for 4.1.2

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Providing labels for all form controls that do not have implicit labels (future link) [LC-654]

Examples of Success Criterion 4.1.2


Understanding Conformance

Levels of Conformance

The success criteria are divided into three levels of conformance by the working group after taking into consideration a wide range of interacting issues. Some of the common factors evaluated when setting the level included: whether the success criterion is essential (in other words, if the success criterion isn't met – then even assistive technology can't make content accessible); whether it is possible to satisfy the success criterion for all web sites and types of content that use that technology or feature; whether the success criterion requires skills that could reasonably be achieved by the content creators (i.e. the knowledge and skill to do this could be acquired with between 1 hour and a week's training ), etc. All success criteria must be important access issues for people with disabilities that address problems beyond the usability problems that might be faced by all users. In other words, the issue must cause a proportionately greater problem for people with disabilities than it causes people without disabilities in order to be considered an accessibility issue (and covered under these accessibility guidelines). All success criteria must also be testable. This can be machine or human testable as long as it is possible to determine whether a success criterion has been met (is true) with a high level of confidence.


Examples of Conformance Claims

Example 1: On 23 March 2005, all content available on the server at [LC-1152] http://www.wondercall.example.com conforms to Web Content Accessibility Guidelines 2.0 at http://www.w3.org/TR/2006/REC-WCAG20-YYYYMMDD/ [LC-1151] . Single-A conformance.

  • The technology that this content "relies upon" is: HTML 4.01.

  • The technologies that this content "uses but does not rely upon" are: CSS2, and gif.

  • This content was tested using the following user agents and assistive technologies: Firefox 1.5 on Windows 2000 SP4 with Jaws 7.0, Firefox 1.5 on Windows XP SP 2 with Jaws 7.0, IE 6.0 on Windows 2000 SP4 with Jaws 4.51, IE 6.0 on Windows 2000 SP4 with Jaws 7.0, and Firefox 1.5 on Windows XP SP2 with Jaws 7.0, Safari 2.0 with OS X 10.4.

Example 2: On 5 May 2006, the page [LC-1152] "G7: An Introduction" http://telcor.example.com/nav/G7/intro.html conforms to Web Content Accessibility Guidelines 2.0 at http://www.w3.org/TR/2006/REC-WCAG20-YYYYMMDD/ [LC-1151] . Double-A conformance.

  • The following additional success criteria have also been met: 1.1.2, 1.2.5, and 1.4.3.

  • The documented set of accessibility-supported content technologies used for this claim is AsCTset#1-2006 at http://UDLabs.org/AsCTset#1-2006.html.

  • The technologies that this content "relies upon" is: XHTML 1.0 (Strict), and Real Video.

  • The technologies that this content "uses but does not rely upon" are: JavaScript 1.2, CSS2.

Example 3: On 21 June 2007, all content beginning with the URI [LC-1152] http://example.com/nav and http://example.com/docs conform to Web Content Accessibility Guidelines 2.0 at http://www.w3.org/TR/2006/REC-WCAG20-YYYYMMDD/. Triple-A conformance.

  • The documented set of accessibility-supported content technologies used for this claim is SMITH- AsCTset#2-2007 at http://smithreports.example.com/AsCTsets/AS2-2007.

  • The technologies that this content "relies upon" are: XHTML 1.0 (Strict), CSS2, JavaScript 1.2, JPEG, PNG.

  • The user agents (including AT) that this content has been tested with can be found at http://example.com/docs/WCAG20/test/technologies.html.

Example 4: (using boolean logic) On 6 July 2007, http://example.com/ AND NOT (http://example.com/archive/ OR http://example.com/publications/archive/) conforms to W3C's WCAG 2.0, Double-A (AA) conformance. [LC-572]

  • The documented set of accessibility-supported content technologies used for this claim is ISA- AsCTset#1-2007 at http://ISA.example.gov/AsCTsets/AS2-2007.

Example 5: (using a regular expression) On 12 August 2007, http://www.example.com/(marketing|sales|contact)/.* conforms to W3C's WCAG 2.0, Double-A (AA) conformance. [LC-572]

  • The technologies that this content "relies upon" is: XHTML 1.0 Transitional.

  • The technologies that this content "uses but does not rely upon" are CSS 1.0 and Javascript 1.2.


How to Meet Conformance Criterion 1 (Conformance Levels)

1.) Conformance Levels: For each Web page in the conformance claim, all of the success criteria for the level claimed are met or the Web page satisfies conformance criterion 4.

Editorial Note: @@


How to Meet Conformance Criterion 2 (Minimum Conformance)

2.) Minimum Conformance: At a minimum, all of the Level 1 success criteria have been met.

Editorial Note: @@


How to Meet Conformance Criterion 3 (Only AsCT)

3.) Only AsCT: Only documented accessibility-supported content technologies are relied upon to meet WCAG 2.0 success criteria.

Editorial Note: @@


How to Meet Conformance Criterion 4 (Alternate Versions)

4.) Alternate Versions: If a Web page within the scope of a claim does not meet all of the required WCAG 2.0 success criteria at the level claimed, then a mechanism to obtain an alternate version that meets the success criteria can be derived from the nonconforming content or its URI, and that mechanism meets all success criteria at the level claimed. [LC-465]

Note 1: The alternate version does not need to be matched page for page with the original (e.g. the alternative to a page may consist of multiple pages).

Note 2: If multiple language versions can be negotiated, then conformant versions are required for each language offered. [LC-939]

Key Terms

mechanism

process or technique for achieving a result

Note 1: The mechanism may be explicitly provided in the content, or may be relied on to be provided by either the platform or by user agents, including assistive technologies.

Note 2: The mechanism must meet all success criteria for the conformance level claimed. [LC-619]

alternate version

version that provides all of the same information and functionality in the same human language and is as up to date as the non-conformant content [LC-940] [LC-1490]

Intent of this Conformance Criterion

The intent of this conformance criterion is to ensure that an accessible version of all content is available. Authors may use inaccessible technologies or formats on their Web sites. But they must also provide all of the information and functionality in an accessible form that is easily obtained. For content served in different languages, it is important to provide an accessible alternate version for each language. [LC-940]

The idea behind this success criterion is, "If you can't avoid building stairs, provide an elevator that is just as easily found." Note that this is a fallback option for claiming conformance to WCAG and the preferred method of conformance is to make all content directly accessible. [LC-517]

Benefits of this Success Criterion

  • The benefits of ensuring user interface accessibility and providing accessible alternatives are that individuals who must use alternative browsing technologies and devices will be able to access the content.

Techniques for Addressing Conformance Criterion 4

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 4 by the WCAG Working Group.

Additional Techniques (Advisory) for 4

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • Using content negotiation (future link)

  • Providing user settings as a way to store preferences (future link)

  • Providing style switchers (future link)

  • Using noframes (future link)

  • Using noscript (future link)

  • Using a fallback mechanism for applets (if applet not a relied on accessibility-supported content technology, need alternative mechanism for functionality) (future link)

  • Excluding non-conforming content from search results (future link)

  • Not using technologies which can not conform at the conformance level claimed (future link)

  • Providing reciprocal links between conforming and non-conforming versions (future link) [LC-465]

Examples of Conformance Criterion 4

  • An intranet site with multiple versions.

    A large company was concerned that the use of emerging Web technologies on an intranet site might limit their ability to address the needs of diverse office locations that have different technology bases and individual employees who use a wide variety of user agents and assistive technologies. To address these concerns, the company created an alternate version of the content that met all Level 1 success criteria using a more limited set of accessibility-supported content technologies. The requirements for each version were carefully documented, and both versions were available from the same URI, making it easy for each location to choose the version best suited to their needs.

  • An informational site ensuring backward compatibility.

    An information site covers a wide variety of subjects and wants to enable visitors to quickly find the topics they are looking for. To do this, the site has implemented an interactive menu system that is only supported in the most recent version of two popular user agents. To ensure that visitors who do not use these specific user agents are still able to effectively use the site, a navigation mechanism that does not depend on the interactive menu system is presented to user agents that do not support the newer technology.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


How to Meet Conformance Criterion 5 (Full pages)

5.) Full pages: Conformance is claimed for full Web page(s) only.

Note: Conformance can not be achieved if part of a Web page is excluded. For example, conformance can not apply to a set of pages, but exclude a part of the page or a particular type of content (for example, images or scripts) since doing so would allow exclusion of individual success criteria.

Editorial Note: @@


How to Meet Conformance Criterion 6 (Complete processes)

6.) Complete processes: If a Web page that is part of a process does not conform at some level, then no conformance claim is made at that level for any Web pages in that process.

Example: An online store has a series of pages that are used to select and purchase products. All pages in the series from start to finish (checkout) must conform in order to claim conformance for any page that is part of the sequence.

Key Terms

process

series of user actions where each action is required in order to complete an activity

Example 1: A series of Web pages on a shopping site requires users to view alternative products and prices, select products, submit an order, provide shipping information and provide payment information.

Example 2: An account registration page requires successful completion of a Turing test before the registration form can be accessed.

Editorial Note: @@


How to Meet Conformance Criterion 7 (Non-Interference)

7.) Non-Interference: Non accessibility-supported content technologies (AsCT) can be used if the information and functionality provided through the non-AsCT is also provided using AsCT. In addition, the presence of the non-AsCT must not block the ability of the users to access the content via the AsCT. Specifically, the following must be true: [LC-750]

  1. No Keyboard Trap: If focus can be moved to non-AsCT content using a keyboard interface, then focus can be moved away from that content using only a keyboard interface, and the method for doing so is described before the content is encountered and in a way that meets all Level 1 success criteria.

  2. Three Flashes or Threshold: To minimize the risk of seizures due to photosensitivity, content does contain anything that flashes more than three times in any one second period, or the flash is below the general flash threshold and the red flash threshold (see Success Criterion 2.3.1). [LC-716]

Key Terms

keyboard interface

interface used by software to obtain keystroke input

Note 1: Allows users to provide keystroke input to programs even if the native technology does not contain a keyboard.

Example: A touch screen PDA has a keyboard interface built into its operating system as well as a connector for external keyboards. Applications on the PDA can use the interface to obtain keyboard input either from an external keyboard or from other applications that provide simulated keyboard output, such as handwriting interpreters or speech-to-text applications with "keyboard emulation" functionality.

Note 2: Operation of the application (or parts of the application) through a keyboard-operated mouse emulator, such as MouseKeys, does not qualify as operation through a keyboard interface because operation of the program is through its pointing device interface, not through its keyboard interface.

general flash threshold
  • A sequence of flashes or rapidly changing image sequences where all four of the following occur:

    1. there are more than three flashes within any one-second period; and

    2. the flashing is below 50 Hz; and

    3. the brightness of the darker image is below .80 of full scale white brightness; and

    4. the combined area of flashes occurring concurrently and contiguously occupies more than a total of .006 steradians (or one quarter of any 10 degree visual field on the screen ).

Note 1: For the general flash threshold, a flash is defined as a pair of opposing changes in brightness of 10% or more of full scale white brightness.

Note 2: Brightness is calculated as 0.2126 * ((R / FS) ^ 2.2) + 0.7152 * ((G / FS) ^ 2.2) + 0.0722 * ((B / FS) ^ 2.2). R, G, and B are the red, green, and blue RGB values of the color; FS is the maximum possible full scale RGB value for R, G, and B (255 for eight bit color channels); and the "^" character is the exponentiation operator.

Note 3: An "opposing change" is an increase followed by a decrease, or a decrease followed by an increase.

Note 4: For general Web content, using a 341 x 256 pixel rectangle anywhere on the displayed screen area when the content is viewed at 1024 x 768 pixels will provide a good estimate of a 10 degree visual field of standard screen sizes and viewing distances.

[LC-1187]

red flash threshold
  • transition to or from a saturated red where all three of the following occur:

    1. there are more than three flashes within any one-second period; and

    2. the flashing is below 50 Hz; and

    3. the combined area of flashing occurring concurrently and contiguously occupies more than a total of .006 steradians (or one quarter of any 10 degree visual field on the screen).

Note: For general Web content, using a 341 x 256 pixel rectangle anywhere on the displayed screen area when the content is viewed at 1024 x 768 pixels will provide a good estimate of a 10 degree visual field of standard screen sizes and viewing distances.

general flash threshold
  • A sequence of flashes or rapidly changing image sequences where all four of the following occur:

    1. there are more than three flashes within any one-second period; and

    2. the flashing is below 50 Hz; and

    3. the brightness of the darker image is below .80 of full scale white brightness; and

    4. the combined area of flashes occurring concurrently and contiguously occupies more than a total of .006 steradians (or one quarter of any 10 degree visual field on the screen ).

Note 1: For the general flash threshold, a flash is defined as a pair of opposing changes in brightness of 10% or more of full scale white brightness.

Note 2: Brightness is calculated as 0.2126 * ((R / FS) ^ 2.2) + 0.7152 * ((G / FS) ^ 2.2) + 0.0722 * ((B / FS) ^ 2.2). R, G, and B are the red, green, and blue RGB values of the color; FS is the maximum possible full scale RGB value for R, G, and B (255 for eight bit color channels); and the "^" character is the exponentiation operator.

Note 3: An "opposing change" is an increase followed by a decrease, or a decrease followed by an increase.

Note 4: For general Web content, using a 341 x 256 pixel rectangle anywhere on the displayed screen area when the content is viewed at 1024 x 768 pixels will provide a good estimate of a 10 degree visual field of standard screen sizes and viewing distances.

[LC-1187]

red flash threshold
  • transition to or from a saturated red where all three of the following occur:

    1. there are more than three flashes within any one-second period; and

    2. the flashing is below 50 Hz; and

    3. the combined area of flashing occurring concurrently and contiguously occupies more than a total of .006 steradians (or one quarter of any 10 degree visual field on the screen).

Note: For general Web content, using a 341 x 256 pixel rectangle anywhere on the displayed screen area when the content is viewed at 1024 x 768 pixels will provide a good estimate of a 10 degree visual field of standard screen sizes and viewing distances.

Intent of this Conformance Criterion

The intent of this success criterion is to ensure that content which uses technologies that are not accessibility-supported content technologies does not include components that actively interfere with the accessibility of the remaining content. Such components include:

  • components that would trap keyboard users within inaccessible content.

  • flashing components that could cause seizures due to photosensitivity

"Keyboard trapping" refers to a common situation in which the keyboard focus can become stuck in inaccessible plugins, leaving a keyboard-only user with no way to return to the accessible content. The requirement that content that can be entered via the keyboard can be exited via the keyboard is to prevent this 'lock up' effect.

The requirement to satisfy Success Criterion 2.3.1 is intended to ensure that users with photosensitivity (including users who may not be aware of their vulnerability) do not encounter flashing content that could cause a seizure.

Content may be implemented in technologies that are not accessibility-supported content technologies if accessible alternatives are provided using technologies that are accessibility-supported, or if the content is accessible from a user agent that supports only the technologies that are relied accessibility-supported content technologies. It is vital that there be no characteristics of any of the content that actively interfere with its accessibility. This is because user agents that support the technology used could be present and create accessibility problems even though the technology is not an accessibility-supported content technology.

Benefits of this Success Criterion

  • This success criterion ensures that accessible content is not unintentionally rendered inaccessible by simultaneously displayed content in technologies that are not accessibility-supported content technologies. It describes "active inaccessibility" cases that must be avoided even for technologies that are not accessibility-supported and the scope of the WCAG conformance claim.

Techniques for Addressing Conformance Criterion 7

Each numbered item in this section represents a technique or combination of techniques that the WCAG Working Group deems sufficient for meeting this criterion. The techniques listed only satisfy the success criterion if all of the WCAG 2.0 conformance requirements have been met.

Sufficient Techniques

Instructions: Select the situation below that matches your content. Each situation includes techniques or combinations of techniques that are known and documented to be sufficient for that situation.

Situation A: If a Web page uses non accessibility-supported content technology that can take keyboard focus:
Situation B: If the Web page includes flashing content:
  1. Following all techniques in How to Meet Success Criterion 2.3.1 (Three Flashes or Below Threshold)

Common Failures Identified by the Working Group

The following are common mistakes that are considered failures of Success Criterion 7 by the WCAG Working Group.

Additional Techniques (Advisory) for 7

Although not required for conformance, the following additional techniques should be considered in order to make content more accessible. Not all techniques can be used or would be effective in all situations.

  • When the Web page uses non accessibility-supported content technologies that can capture keyboard focus, documenting the keyboard interface to exit the non accessibility-supported content content from within the accessibility-supported content (future link)

  • Providing a mechanism to skip non accessibility-supported content (future link) [LC-561]

Examples of Conformance Criterion 7

  1. Non accessibility-supported content contains a link to information about how to move focus back to the accessibility-supported content via the keyboard.

  2. The Help information available from the non accessibility-supported content technologies documents how to move focus back to the accessibility-supported content via the keyboard, and the help information can be accessed via the keyboard.

  3. The help information available for the Web page documents how to move focus from the non accessibility-supported content to the accessibility-supported content via the keyboard, and the help information can be accessed via the keyboard.

Related Resources

Resources are for information purposes only, no endorsement implied.

(none currently documented)


Appendix A References

ANSI-HFES-100-1988
ANSI/HFS 100-1988, American National Standard for Human Factors Engineering of Visual Display Terminal Workstations, Section 6, pp. 17-20.
EPFND
Experts Issue Recommendations to Protect Public from Seizures Induced by TV / Videogames. A copy of the standard is available at http://www.epilepsyfoundation.org/aboutus/pressroom/pr20050919.cfm.
HEARING-AID-INT
Levitt, H., Kozma-Spytek, L., & Harkins, J. (2005). In-the-ear measurements of interference in hearing aids from digital wireless telephones. Seminars in Hearing, 26(2), 87.
IEC-4WD
IEC/4WD 61966-2-1: Colour Measurement and Management in Multimedia Systems and Equipment - Part 2.1: Default Colour Space - sRGB. May 5, 1998.
ISO-9241-3
ISO 9241-3, Ergonomic requirements for office work with visual display terminals (VDTs) - Part 3: Visual display requirements. Amendment 1.
LAALS
Bakke, M. H., Levitt, H., Ross, M., & Erickson, F. (1999). Large area assistive listening systems (ALS): Review and recommendations (Final Report. NARIC Accession Number: O16430). Jackson Heights, NY: Lexington School for the Deaf/Center for the Deaf Rehabilitation Research Engineering Center on Hearing Enhancement.
sRGB
"A Standard Default Color Space for the Internet - sRGB," M. Stokes, M. Anderson, S. Chandrasekar, R. Motta, eds., Version 1.10, November 5, 1996. A copy of this paper is available at http://www.w3.org/Graphics/Color/sRGB.html.
UNESCO
International Standard Classification of Education, 1997. A copy of the standard is available at http://www.unesco.org/education/information/nfsunesco/doc/isced_1997.htm.
WCAG20
"Web Content Accessibility Guidelines 2.0," B. Caldwell, W. Chisholm, J. Slatin, and G. Vanderheiden, eds., W3C Last Call Working Draft 27 April 2006. This W3C Working Draft is available at http://www.w3.org/TR/2006/WD-WCAG20-20060427/. The latest version of WCAG 2.0 is available at http://www.w3.org/TR/WCAG20/