WCAG Theme song

Introduction: Michael Cooper

• World Wide Web Consortium (W3C)
• Web Accessibility Initiative (WAI)
• Staff contact to:
  • Web Content Accessibility Guidelines Working Group
  • Protocols and Formats Working Group

What is WCAG 2.0?

• Guides authors how to make Web sites accessible
• Not a legal requirement
• Expect to be referenced by legal and organization requirements
• One part of a larger accessibility picture
  • User Agent Accessibility Guidelines
  • Authoring Tool Accessibility Guidelines

Comparison with WCAG 1.0

WCAG 2.0 materials

• WCAG 2.0: Principles, Guidelines, Success Criteria
• Understanding WCAG 2.0
• Techniques for WCAG 2.0
• How to Meet WCAG 2.0
• WCAG Overview
• WCAG 2.0 at a Glance

Versions of WCAG 2.0

• Translations
  • Authorized translations
  • Other translations
• Alternate formats
  • Downloadable packages
  • PDF coming soon
  • Others???

WCAG 2.0 Concepts

• Conformance levels
• Conformance
• Partial conformance
• Programmatically determined
• Accessibility support
• Types of techniques

Conformance levels

Conformance

• Satisfy success criteria at a given level
• Not applicable success criteria "satisfied" by default
• Applies to entire page
• Multi-page processes
• Non-interference

Conformance vs usability testing

• WCAG 2 is general, broadly applicable guidelines
• Conformance benefits many users, but doesn’t guarantee all unique needs are met
• WCAG 2.0 is baseline guidance, suitable for policy adoption
• Appropriate to go beyond WCAG 2.0 for certain audiences

Partial Conformance

• Partial conformance is not a type of conformance
• Used when content outside author's control included on page
• Expresses that author has gone as far as possible to conform
• Can't be applied to content that is under author's control
• Non-interference still applies

Programmatically determined

• User agent can figure out automatically what to give user
• Usually involves specific code
• Can use widely supported heuristics

Image - programmatically determined

	Not programmatically determined	Caption and redundant alt	Caption programmatically determined
Example	Manji making a face	Manji making a face	Manji making a face
Code	<img src="manji.png" /> <p>Manji making a face</p>	<img src="manji.png" alt="Mangi making a face" /> <p>Manji making a face</p>	<img src="manji.png" aria-labelledby="img_ex1" /> <p id="img_ex1">Manji making a face</p>
Screen reader	"graphic Manji making a face"	"Manji making a face Manji making a face"	"Manji making a face"

Link text - programmatically determined

Example	Code
Check out the video report for last year's National Folk Festival.	<ul><li> Check out the video report for last year's <a href="http://example.com/festival.htm">National Folk Festival</a>.</li></ul>
Article title Description of article Read more	<h3>Article title</h3> <p>Description of article</p><p><a href="http://example.com/">Read more</a></p>

Slider control - programmatically determined

Slider control - programmatically determined

<div class="slider" id="sr">
  <img id="sr_knob" 
    src="images/slider.gif"
    role="slider"
    tabindex="0"
    aria-labelledby="sr_label"
    aria-valuemin="100"
    aria-valuenow="500"
    aria-valuemax="1000" />
</div>
<p id="sr_label">slider example</p>

Accessibility support

• Uses of technology
• "What works"
• You can combine technologies to satisfy WCAG

Determing accessibility support

• Public lists
• Test potential techniques against WCAG success criteria (test cases useful)
• Follow techniques that have been tested for accessibility support
• Test your site directly

Types of techniques

• Sufficient
• Advisory
• Failure

Example General technique

Example HTML technique

Example Failure technique

Using How to Meet WCAG 2.0

Some interesting techniques

• Allowing users to provide preferences for the display of conforming alternate versions
• Using relative measurements to set column widths so that lines can average 80 characters or less when the browser is resized (maximum width example)
• Providing client-side validation and alert
• Using an expandable and collapsible menu to bypass block of content (bypass block example)
• Creating Custom Dialogs in a Device Independent Way (custom dialog example)

Ways to contribute

• Send public comments
• Submit techniques
• Tell us about your implementations
• Submit test cases
• Prepare authorized translations
• Join the Working Group!

Thank you

Questions?

Tomorrow:

• WCAG 2.0 Q & A, 10:40 am, Marriott Dallas—Please give advance questions to Shawn Henry
• WCAG 2.0 Working Group social, 6:00 pm, Champions lounge
  • Informal chat with members of the Working Group
  • Ask more questions
  • Explore how to get involved!

Michael Cooper: cooper@w3.org

This presentation: http://www.w3.org/2009/Talks/03-18-CSUN-MC/

Links