Keys

The Role of Standards in Accessible Web Design

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

(alternate presentation format available)

World Wide Web Consortium W3C

Leading the Web to Its Full Potential...

Web Accessibility Initiative WAI

What is Web Accessibility?

Why is Web Accessibility an issue?

Examples of Barriers on the Web

Who is affected by Web Accessibility?

People with:
  • Visual, hearing, physical, cognitive, or neurological disabilities
  • Aging related deficiencies
  • Temporary or situational limitations
  • Social or economical limitations

Benefits of Accessible Web Design

How to achieve Web Accessibility?

What is Web Content Anyway?

different compents of a Web page such as pictures, text, diagrams, structures, etc.

Any information in a Web page or Web application, including:

Web Developer Perspective

Web developer with a symbolic path to represent information that passes through authoring tools and evaluation tools in order to be published Web content.

Web User Perspective

Web user with a symbolic path to represent Web content that passes through user agents and assistive technologies in order to be acquired or experienced information.

Dependencies Between Components

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"

Components of Web Accessibility

Essential Components of Web Accessibility

Web Content Accessibility Guidelines (WCAG)

Web Content Accessibility Guidelines 1.0

WCAG 1.0 Structure Diagram

diagram showing relationship between all WCAG 1.0 Documents
WCAG 1.0 Documents

Example of WCAG 1.0 Guideline

excerpt of WCAG 1.0 Guideline 2.0 and text of Checkpoints 2.1 and 2.2
WCAG 1.0 Guideline 2.0 and text of Checkpoints 2.1 and 2.2

WCAG 1.0 Techniques Gateway

excerpt from WCAG 1.0 Techniques Gateway for Checkpoint 2.1
WCAG 1.0 Techniques Gateway for Checkpoint 2.1

Example of WCAG 1.0 Technique

excerpt from WCAG 1.0 CSS Technique 9.2 (for Checkpoint 2.1)
WCAG 1.0 CSS Technique 9.2 (for Checkpoint 2.1)

Web Content Accessibility Guidelines 2.0

WCAG 2.0 is organized around four design principles:

  1. Content must be perceivable
  2. Interface elements in the content must be operable
  3. Content and controls must be understandable
  4. Content must be robust enough to work with current and future Web technologies

WCAG 2.0 Structure Diagram

diagram showing relationship between all WCAG 2.0 Documents
WCAG 2.0 Documents

Components of Web Accessibility

Essential Components of Web Accessibility

Putting it all Together

illustration with arrow going from content at top through authoring tools at left to content at the bottom, and an arrow going from the content at the bottom through assistive technologies and user agents at the right and back to content at the top

WAI-TIES Best Practices Training

On the 25 October, 2005 in Sankt Augustin, Germany

Thank You!

Shadi Abou-Zahra
World Wide Web Consortium (W3C)
Web Accessibility Initiative (WAI)
Sophia-Antipolis, France
shadi@w3.org