Keys

Accessible Web Development

Shadi Abou-Zahra, W3C/WAI
Sophia-Antipolis, France
shadi@w3.org

(alternate presentation format available)

Overview

  1. W3C/WAI Overview
  2. Accessibility Components
  3. Introducing WCAG 2.0

W3C/WAI Overview

  1. » W3C/WAI Overview
  2. Accessibility Components
  3. Introducing WCAG 2.0

World Wide Web Consortium, W3C

Leading the Web to Its Full Potential...

Web Accessibility Initiative, WAI

Operates under the W3C Process to provide:

Impact of Web Accessibility

Accessibility barriers on the Web potentially exclude a significant population from equal participation, this includes people with:

Benefits of Web Accessibility

Web accessibility has additional benefits:

Accessibility Components

  1. W3C/WAI Overview
  2. » Accessibility Components
  3. Introducing WCAG 2.0

W3C/WAI Guidelines

Web Content Accessibility Guidelines (WCAG)
Addresses the information in a Web site, including text, images, forms, sounds, and such.
Authoring Tool Accessibility Guidelines (ATAG)
Addresses software that creates Web sites.
User Agent Accessibility Guidelines (UAAG)
Addresses Web browsers and media players, and relates to assistive technologies.

Essential Components

Essential Components of Web Accessibility

Example of Interaction

specific example for alternative text on images which is a requirements by the Web Content Accessibility Guidelines 1.0. Web developers provide text alternatives for the images using authoring tools. The HTML specification provides a mechanism to supplement images with such text. Finally, this redundant coding is used by browsers and assistive technology to convey the information to the end users according to their preferences, for example visually, through voice synthesis, or in form of text.

When Components Are Weak...

Symbolic paths around authoring tools or through multiple browsers and assistive technologies represent how Web developers and users need to spend more effort working around weak components that do not support accessibility.

Sometimes other components can compensate through "work-arounds"

Introducing WCAG 2.0

  1. W3C/WAI Overview
  2. Accessibility Components
  3. » Introducing WCAG 2.0

Why WCAG 2.0?

Good news: basic requirements of people with disabilities hardly changed; WCAG 1.0 is still a very good start

WCAG Documents

WCAG 1.0 Documents WCAG 2.0 Documents

W3C Rec Track

Advancing a Technical Report to Recommendation

WCAG 2.0 Structure

Example #1

WCAG 2.0 Conformance

WCAG 2.0 conformance claims inlcude:

WCAG 2.0 Baselines

Draft: About Baselines and WCAG 2.0

Note: the baseline does not include user agents, but the conformance claim could.

WCAG 2.0 Techniques

Working Draft: Techniques for WCAG 2.0

Understanding WCAG 2.0

Working Draft: Understanding WCAG 2.0

WCAG 2.0 Status

Example #2

WCAG 1.0 Checkpoint
2.2 Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits or when viewed on a black and white screen
WCAG 2.0 Success Criteria
1.4.1 Text or diagrams, and their background, have a luminosity contrast ratio of at least 5:1
1.4.3 Text or diagrams, and their background, have a luminosity contrast ratio of at least 10:1

Understanding WCAG 2.0: examples of evaluation tools that implement the luminosity contrast ratio algorithm.

Example #3

WCAG 1.0 Checkpoint
13.1 Clearly identify the target of each link
WCAG 2.0 Success Criteria
2.4.4 Each link is programmatically associated with text from which its purpose can be determined.
2.4.8 The purpose of each link can be programmatically determined from the link

Understanding WCAG 2.0: "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 the link [...]"

Questions?

Shadi Abou-Zahra, W3C/WAI
http://www.w3.org/People/shadi/
shadi@w3.org