570 likes | 669 Views
IMPORTANT Note to Presenters. The slides themselves have limited text, in order to avoid participants reading much while you are talking. There are extensive presenter’s notes in the Notes section. Make sure you can read them in preparing for a presentation.
E N D
IMPORTANT Note to Presenters The slides themselves have limited text, in order to avoid participants reading much while you are talking. There are extensive presenter’s notes in the Notes section. Make sure you can read them in preparing for a presentation. On this slide, the notes start with “[NOTES SECTION:…”
WCAG 2.0Web Content Accessibility GuidelinesUpdate DRAFT Last Updated 16 August 2007 Note: This document contains unapproved draft ideas and should not be referenced or quoted under any circumstances.
Talk about today • What is WCAG- along with Who, Where, When, Why, and How • What WCAG 2 gives you- Applies to more advanced technologies- Clearer criteria- Flexible, adaptable- Practical implementation examples and info • Making accessibility easier & better- Authoring tools and browsers • What you can do now
We won’t cover • The basics of Web accessibility and WCAG 1.0 • The business case • Policies, laws, • … and such Will provide resources for these.
WCAG = Web Content Accessibility Guidelines • International standard • Applies to Web pages, sites, applications • For: • Web developers and designers, • Authoring tool and evaluation tool developers, and • Others who need a technical standard. • (not for novices)
Who develops WCAG • The standards-making body for the Web • International, multi-stakeholder • Formal process
How WCAG is developed, Stage 1 WCAG Working Group development Community|Public review and comment WCAG Working Draft
Getting better with age For example, clearer with less jargon • 2006 Draft:4.1.1 Web units or authored components can be parsed unambiguously, and the relationships in the resulting data structure are also unambiguous. • 2007 draft:4.1.1 Parsing: 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.
Getting better with age • Note new and improved documents: • WCAG 2 FAQ • WCAG 2.0 Quick Reference • Summary of Issues, Revisions, and Rationales for Changes to WCAG 2.0 2006 Last Call Draft
Milestones • Working Drafts • Last Call Working Draft
Milestones • Public Working Drafts • Last Call Working Draft • Candidate Recommendation • Implementations • Proposed Recommendation • W3C Recommendation =Web Standard
How WAI Develops Accessibility Guidelines through the W3C Process: Milestones and Opportunities to Contribute
WCAG 2.0 WD Principles Guidelines WCAG 1.0 Guidelines
WCAG 2.0 WD Principles: POUR Perceivable Operable Understandable Robust Guidelines WCAG 1.0 Guidelines
What WCAG 2 gives you • Easier to understand success, that is:more precisely testable(do still need human)
WCAG 2.0 WD Principles: P-O-U-R Guidelines Success CriteriaLevel A, AA, AAA WCAG 1.0 Guidelines CheckpointsPriority 1, 2, 3
WCAG 1.0 Checkpoint • 2.2 Ensure that foreground and background color combinations provide sufficient contrast when viewed by someone having color deficits…
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.0 Success Criteria • Text (and images of text) have a contrast ratio of at least 5:1…(from the May 2007 Draft)
What WCAG 2 gives you • Applies to more advanced Web technologies- current, future, non-W3C • Adaptable, flexiblefor different situations,and developingtechnologies and techniques
WCAG 2.0 • www.w3.org/TR/WCAG20/ • Formal Web standard draft, planned to become a “W3C Recommendation” • “Normative”
WCAG 2.0 Techniques • “Informative”supporting document • Examples for HTML, CSS, etc. • Can be updated
More design flexibility • WCAG 1.0 Checkpoint 7.1:Until user agents allow users to control flickering, avoid causing the screen to flicker • WCAG 2.0 allows more movement within defined parameters
Scripting Techniques • Providing client-side validation and alert • Using functions of the Document Object Model (DOM) to add content to a page • Using Dynamic Web Content Accessibility to programmatically identify form fields as required • . . .
Flexibility for rich Internet applications • WAI-ARIA:Accessible Rich Internet Applications Suite • Techniques for meeting WCAG 2.0 • E.g., accessible and highly usable expanding and collapsing menus/tree controls/nav bars
WAI-ARIA status • Implementations already in browser and screen reader • Documents • Technical material for tool and specification developers • Best practices for Web content developers
WCAG 2.0 flexibility for different situations Accessibility Supported Technologies(formerly “Baseline”)
What WCAG 2 gives you • Extensive supporting materials, - practical implementation guidance
WCAG 2.0 WD Principles: P-O-U-R Guidelines Success CriteriaLevel A, AA, AAA 2.0 Support Techniques + Understanding WCAG 1.0 Guidelines CheckpointsPriority 1, 2, 3 1.0 Support Techniques
Techniques WCAG 2.0 Understanding • “Informative”supporting document • Reference manual
Techniques WCAG 2.0 Understanding
Techniques WCAG 2.0 Quick Reference! Understanding
Overview WCAG 2 FAQ Issues, Changes Techniques WCAG 2.0 Quick Reference! Understanding
What WCAG 2 gives you • Applies to more advanced Web technologies- current, future, non-W3C • Adaptable, flexible for different situations,and developing technologies and techniques • More precisely testable • Extensive supporting materials, - practical implementation guidance
Accessibility ≠ WCAGAccessibility = people using Web • WAI Resources • How People with Disabilities Use the Web • Involving Users in Web Accessibility [Design and] Evaluation • Videos • …
Understanding accessibility issues | how people with disabilities use your site
Components of Web Accessibility Web Content(WCAG)
Components of Web Accessibility Web Content(WCAG) User Agent(UAAG)
Components of Web Accessibility Web Content(WCAG) Authoring Tool(ATAG) User Agent(UAAG)
Making accessibilityeasier for site developersand better for users!
Actively encourageaccessibility improvementsin tools A c t i o n !
What else you can do now A c t i o n !