IMPORTANT Instructions Please read carefully the Instructions for

IMPORTANT: Instructions Please read carefully the Instructions for the "Benefits of WCAG 2" Presentation at www. w 3. org/WAI/presentations/WCAG 20_benefits/ for an introduction, tips, and permission to use. The Notes section for each slide contains important information. Make sure you can read the Notes. On this slide, the notes start with “[NOTES SECTION: This is where the important information is…]” Copyright © 2007 -2010 W 3 C® (MIT, ERCIM, Keio) See www. w 3. org/Consortium/Legal/ipr-notice Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Benefits of Web Content Accessibility Guidelines WCAG 2 Developed with material from the W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/ Updated 12 August 2010

WCAG 2 is § Web Content Accessibility Guidelines 2. 0 § Web “content” = web pages, websites, web applications, … Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

“ WCAG 2. 0 creates the foundation for a new level of standardization of web accessibility around the world. Its practical and well documented guidelines will allow web participants in many countries to evolve from a disparate set of practices to a unified approach to web accessibility for all. Axel Leblois, Executive Director, G 3 ict, United Nation Global Initiative for Inclusive ICTs Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

WCAG 2 gives you § Cooperatively developed international standard § Applies to more advanced technologies § Clearer criteria § Flexible, adaptable § Practical implementation examples and info Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Who develops WCAG § Standards making body for the Web § International, multi-stakeholder development § Formal process for broad public review Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

How WCAG is developed WCAG Working Group development WCAG 2 Working Draft Public review and comment Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Milestones § Public Working Drafts § Last Call Working Draft § Candidate Recommendation - Implementations § Proposed Recommendation § W 3 C Recommendation=Web Standard December 2008 Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Cooperation with accessibility policies around the world Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Integrated Accessibility Guidelines § WCAG for web content § ATAG for authoring tools, HTML editors, content management systems (CMS), blogs, wikis, etc. § UAAG for web browsers, media players, and other ‘user agents’ § WAI-ARIA for accessible rich Internet applications developed with Ajax and such Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Authorized Translations § Policy for Authorized W 3 C Translations § WCAG 2. 0 Translations www. w 3. org/WAI/WCAG 20/translations Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Cooperatively developed International standard ü W 3 C Web Accessibility Initiative (WAI) ü W 3 C process designed to: ensure broad public input, and encourage consensus development ü Cooperation with accessibility policies ü Integrated Web accessibility standards suite ü Authorized Translations Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

WCAG 2 gives you § Advances from WCAG 1 to WCAG 2 Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

WCAG 2 gives you § Applies to more advanced technologies - current, future, non-W 3 C Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

WCAG 2 www. w 3. org/TR/WCAG 20/ § W 3 C Web Standard § Stable § Technology-independent, broadly applicable § Defines functionality required by users Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

§ Supporting document, “informative” § Can be updated

WCAG 2 gives you § Clearer “success criteria”, more precisely testable (still need human judgment) Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Testable Example § WCAG 1. 0 Checkpoint 2. 2 Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits… Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Questionable color contrast:

Testable Example § WCAG 1. 0 Checkpoint 2. 2 Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits… § WCAG 2 Success Criteria 1. 4. 3 The visual presentation of text and images of text has a contrast ratio of at least 4. 5: 1… Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

WCAG 2 gives you § Adaptable, flexible for different situations, and developing technologies and techniques Techniques for different situations, can use other techniques Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

More design flexibility, e. g. : § WCAG 1. 0 Until user agents allow users to … § 7. 1. . . avoid causing the screen to flicker. § 7. 2. . . avoid causing content to blink… § 7. 3. . . avoid movement in pages. § WCAG 2 allows more movement within defined parameters § 2. 2. 2 Blinking… § 2. 2. 3 Pausing… § 2. 3. 1 Three Flashes or Below Threshold… § 2. 3. 2 Three Flashes… Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Scripting allowed! Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Scripting Techniques § Providing client-side validation and alert § Providing a script that warns the user a time limit is about to expire § Using progressive enhancement to open new windows on user request § Using functions of the Document Object Model (DOM) to add content to a page §. . . Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Flexibility for rich Internet applications (Ajax, DHTML) § WAI-ARIA: Accessible Rich Internet Applications Suite § For example, accessible and highly usable expanding and collapsing menus/tree controls/nav bars § Techniques for meeting WCAG 2 Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Adaptability through accessibility-supported ways of using technologies Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

WCAG 2 gives you § Extensive supporting materials, practical implementation guidance Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

§ Supporting document, “informative” § Can be updated

§ Lists the WCAG 2 requirements § Provides summary information from the other documents § Links to details Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Additional support § Overview of WCAG 2 Documents www. w 3. org/WAI/intro/wcag § WCAG 2 FAQ § WCAG 2 at a Glance § WCAG 2 transition documents: § How WCAG 2 Differs from WCAG 1 § Comparison of WCAG 1 to WCAG 2 § How to Update Your Website Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

“ By giving clear technical specifications to website designers, and unifying webaccessibility standards, WCAG 2. 0 directly benefits users who have accessibility needs due to disabilities. It represents a crucial tool with which to build a better and more inclusive web. Yannis Vardakastanis, European Disability Forum (EDF) Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Questions? § WAI home page www. w 3. org/WAI § WAI Interest Group www. w 3. org/WAI/IG/ Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Source Material Web Accessibility Initiative (WAI) Benefits of WCAG 2. Shawn Lawton Henry, ed. Copyright © 2010 W 3 C® (MIT, ERCIM, Keio). www. w 3. org/WAI/presentations/ WCAG 20_benefits/Overview Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

Benefits of WCAG 2 § Cooperatively developed international standard § Applies to more advanced Web technologies § current, future, non-W 3 C § Clearer criteria, more precisely testable § Adaptable, flexible for different situations, and developing technologies and techniques § Extensive supporting materials, practical implementation guidance Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/

WCAG 2 benefits you! Developed with material from W 3 C Web Accessibility Initiative (WAI) www. w 3. org/WAI/