Your SlideShare is downloading. ×
0
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
The WAI to Web Accessibility
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

The WAI to Web Accessibility

586

Published on

he Web Accessibility Initiative (WAI) is a rich but often overlooked source of guidelines, training materials and testing techniques to help you improve your accessibility knowledge and skills. Web …

he Web Accessibility Initiative (WAI) is a rich but often overlooked source of guidelines, training materials and testing techniques to help you improve your accessibility knowledge and skills. Web accessibility is no longer an optional “nice to have feature.” Legal mandates and market forces make accessible design a foundational aspect of business, academic and government web sites and applications. If you are looking for resources to support your accessible design practice while maintaining a budget, you will be pleased to learn more about the free resources available from the W3C. Whether your role is administrator, tester, developer or designer, this webinar will help you find and use the resources you can rely on. Join Sharron Rush, author, advocate, and member of the WAI’s Education and Outreach Working Group for more than 8 years. Sharron will take us on a practical tour of WAI resources and help you learn to put them to use.

Published in: Business, Design, Technology
2 Comments
0 Likes
Statistics
Notes
  • You're very welcome Mardy! I'm glad you enjoyed it. Keep your eye out for the recording (with captions!) which we'll be uploading soon!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • The WAI to Web Accessiblity webinar provided a lot of useful information for the average non IT web editor. Sharon Rush did an excellent job presenting a large amount of information in a very limited time period. Thank you for providing this free webinar!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total Views
586
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
16
Comments
2
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Sponsored by: The WAI to Web Accessibility Sharron Rush July 16, 2013 Use Twitter Hashtag #npweb Part Of:
  • 2. Sponsored by: Protecting and Preserving the Institutional Memories of Nonprofits Since 1993 www.cjwconsulting.com (866) 598-0430 info@cjwconsulting.com Part Of:
  • 3. Sponsored by:Part Of: Coming Soon
  • 4. Sponsored by: Today’s Speakers Hosting: Cheri J Weissman, CJW Consulting & Services, Inc. Assisting with chat questions: Jamie Maloney, 4Good Part Of: Sharron Rush Executive Director Knowbility, Inc.
  • 5. Creative Commons – some rights reserved Walk Through WAI Resources A Walk through WAI resources "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect." -- Tim Berners-Lee, World Wide Web Consortium (W3C) Director and inventor of the World Wide Web
  • 6. Creative Commons – some rights reserved Walk Through WAI Resources Welcome! Let’s think about web accessibility What is it? Who needs it? How to ensure we reach all constituents Finding resources to support best practice Sharron Rush srush@knowbility.org
  • 7. Creative Commons – some rights reserved Walk Through WAI Resources Poll: What is Web Accessibility? A. Section 508 compliance B. Conformance to Web Content Accessibility Guidelines (WCAG) C. Meets requirements of Americans with Disabilities Act (ADA) D. Meets international ISO standard E. All of the above F. None of the above
  • 8. Creative Commons – some rights reserved Walk Through WAI Resources Accessible People with disabilities …can acquire the same information …participate in the same activities …be active producers as well as consumers
  • 9. Creative Commons – some rights reserved Walk Through WAI Resources9 I.T. Accessibility Movement • Grounded in civil rights • Universal access to built environment – required by ADA • Standards bodies recognized need to address IT accessibility • Concepts and vocabulary extended into learning and communications
  • 10. Creative Commons – some rights reserved Walk Through WAI Resources Official Disabilities • Visual (including blind, low vision, and color vision) • Hearing • Motor/Physical • Cognitive Learning • Speech People with disabilities may use software via alternate input & output methods – assistive technology
  • 11. Creative Commons – some rights reserved Walk Through WAI Resources Universal Design… • supports all people • supports all technology • improves experience for all • strong relationship to usability • “responsive design” • “Good design IS accessible design” ~ Dr. John Slatin
  • 12. Creative Commons – some rights reserved Walk Through WAI Resources Computer Assistive Technology • specialized tools • help perform interactive functions • Accommodation – temporary or permanent
  • 13. Creative Commons – some rights reserved Walk Through WAI Resources Why advocate for accessible design? Legal Technical Market Humanitarian Visionary
  • 14. Creative Commons – some rights reserved Walk Through WAI Resources Legal Mandates • International – UN Convention on Rights of People with Disabilities, 2006 • Global requirements based on WCAG2 • US Federal standards, Section 508 • Other national laws • State and local laws
  • 15. Creative Commons – some rights reserved Walk Through WAI Resources Legal progress in US • 1998 – 2002 National Federation of the Blind (NFB) vs SW Airlines, AOL others • Most settled out of court, few clear legal precedents established • Since 2002, states and NFB are filing under local and ADA laws with far greater success • Structured negotiations increase accessibility without litigation
  • 16. Creative Commons – some rights reserved Walk Through WAI Resources Demographic Forces • Number of people with disabilities is growing • 55 million Americans / 1 billion worldwide • Fortune: “$1 trillion annual market” in US • $200 billion in discretionary spending • Increasing as population ages
  • 17. Creative Commons – some rights reserved Walk Through WAI Resources Improved technical performance • Harmonize with global standards • Internationalization • Demonstrated ROI • Responsive design
  • 18. Creative Commons – some rights reserved Walk Through WAI Resources Image of 9-year old girl in home-made super girl costume, arms crossed, goggles on, looking determined! Because we can!
  • 19. Creative Commons – some rights reserved Walk Through WAI Resources Where to start? Poll: • Accessibility program should start with the Web Content Accessibility Guidelines from the W3C True or False?
  • 20. Creative Commons – some rights reserved Walk Through WAI Resources Step 1: Standards/Guidelines X
  • 21. Creative Commons – some rights reserved Walk Through WAI Resources Well, then…HOW to get there?
  • 22. Creative Commons – some rights reserved Walk Through WAI Resources Steps to IT Accessibility • Convene wide group of stakeholders – understand what users need • Adopt explicit policy • Develop implementation plan mapped to various roles and responsibilities • Provide support, including training and internal resources • Test, verify, use community feedback • Include people with disabilities throughout process • Maintain timetable for evaluation and revision
  • 23. Creative Commons – some rights reserved Walk Through WAI Resources Let’s jump in! • and discover free resources at the w3c Let’s jump in and discover free resources from w3.org/wai
  • 24. Creative Commons – some rights reserved Walk Through WAI Resources Web Accessibility Intro
  • 25. Creative Commons – some rights reserved Walk Through WAI Resources The Web is fundamentally designed to work for all people, whatever their hardware, software, language, culture, location, or physical or mental ability. When the Web meets this goal, it is accessible to people with a diverse range of hearing, movement, sight, and cognitive ability. Thus the impact of disability is radically changed on the Web because the Web removes barriers to communication and interaction that many people face in the physical world. However, when websites, web technologies, or web tools are badly designed, they can create barriers that exclude people from using the Web.
  • 26. Creative Commons – some rights reserved Walk Through WAI Resources STEP 1: CONVENE STAKEHOLDERS
  • 27. Creative Commons – some rights reserved Walk Through WAI Resources people  Checklist first item  Checklist second item  Checklist third item X accessibility is about
  • 28. Creative Commons – some rights reserved Walk Through WAI Resources
  • 29. Creative Commons – some rights reserved Walk Through WAI Resources Think broadly about stakeholders • Use resources at W3C Web Accessibility Initiative (WAI) to learn more • Videos, demos, stakeholder outreach
  • 30. Creative Commons – some rights reserved Walk Through WAI Resources How People with Disabilities Use the Web Tools for Understanding Common Barriers http://www.w3.org/WAI/intro/people-use-web/
  • 31. Creative Commons – some rights reserved Walk Through WAI Resources STEP 2: ADOPT EXPLICIT POLICY
  • 32. Creative Commons – some rights reserved Walk Through WAI Resources Strategic accessibility • Success comes from integrating accessibility throughout the organization, • Aligning accessibility with other institutional values, goals, and practices
  • 33. Creative Commons – some rights reserved Walk Through WAI Resources Developing Organizational Policies on Web Accessibility From simple to comprehensive http://www.w3.org/WAI/impl/pol
  • 34. Creative Commons – some rights reserved Walk Through WAI Resources STEP 3: ESTABLISH ROLES WITHIN IMPLEMENTATION PLAN
  • 35. Creative Commons – some rights reserved Walk Through WAI Resources Establish coordination team and communication plan • Identify representatives from key departments and regions • Designate a team member to track new techniques for accessibility. • Map responsibilities to various roles within organization • Book: Strategic IT Accessibility: Enabling the Organization by Jeff Kline
  • 36. Creative Commons – some rights reserved Walk Through WAI Resources Image of 9-year old girl in home-made super girl costume, arms crossed, goggles on, looking determined! Find and empower champions
  • 37. Creative Commons – some rights reserved Walk Through WAI Resources Web accessibility champion(s) • Champions can reinforce an organization's commitment while implementation progresses. • Can advocate and educate • Most effective when highest level of leadership
  • 38. Creative Commons – some rights reserved Walk Through WAI Resources Implementation Planning Considerations for organizations of all sizes http://www.w3.org/WAI/impl/Overview.html
  • 39. Creative Commons – some rights reserved Walk Through WAI Resources Poll: Accessibility Standards Please indicate (yes or no) if you are aware of these guidelines for the web? 1. Web Content Accessibility Guidelines (WCAG) 2. Authoring Tool Accessibility Guidelines (ATAG) 3. User Agent Accessibility Guidelines (UAAG) 4. Accessible Rich Internet Application (ARIA) Guidelines
  • 40. Creative Commons – some rights reserved Walk Through WAI Resources Accessibility Principles http://www.w3.org/WAI/intro/people-use-web/principles
  • 41. Creative Commons – some rights reserved Walk Through WAI Resources Global Standards • WCAG - Web Content Accessibility Guidelines. International standards for the web • ATAG - Authoring Tool Accessibility Guidelines. Vendor standards for interoperability • UAAG - User Accessibility Guidelines for browsers and assistive technologies • …and technical specifications • ARIA - Accessible Rich Internet Application research for emerging technologies • INDIE-UI, CSS, others www.w3.org/WAI
  • 42. Creative Commons – some rights reserved Walk Through WAI Resources Integrated Accessibility Guidelines WCAG (web content)
  • 43. Creative Commons – some rights reserved Walk Through WAI Resources Integrated Accessibility Guidelines WCAG (web content) UAAG (user agent)
  • 44. Creative Commons – some rights reserved Walk Through WAI Resources Integrated Accessibility Standards Diagram of the relationship between authoring and evaluation tools, Web content, and user agent tools such as browsers and assistive technologies. As each component adheres to common standards, accessibility and interoperability are improved. At the W3c, groups of experts work in collaboration on the ATAG – authoring tools accessibility group; WCAG – web content accessibility group; and UAAG – user agent accessibility group, and others. WCAG (web content) ATAG (authoring tools) UAAG (user agent)
  • 45. Creative Commons – some rights reserved Walk Through WAI Resources
  • 46. Creative Commons – some rights reserved Walk Through WAI Resources Learn About WCAG2 Use the Overview to determine approach based on your team role http://www.w3.org/WAI/intro/wcag.php
  • 47. Creative Commons – some rights reserved Walk Through WAI Resources Use WCAG2 Use the Quick Reference to determine How to Meet requirements http://www.w3.org/WAI/WCAG20/quickref
  • 48. Creative Commons – some rights reserved Walk Through WAI Resources WCAG Techniques Understand the difference between Guidelines and Techniques http://www.w3.org/QA/2013/07/wcag_techniques_updated_j uly2013.html
  • 49. Creative Commons – some rights reserved Walk Through WAI Resources WCAG2 at a Glance • Guideline Summary http://www.w3.org/WAI/ WCAG20/glance/
  • 50. Creative Commons – some rights reserved Walk Through WAI Resources STEP 4: TRAINING AND OTHER SUPPORTS
  • 51. Creative Commons – some rights reserved Walk Through WAI Resources • Develop training across roles • Customize to your organizational culture and tools • Adapt to your style of development
  • 52. Creative Commons – some rights reserved Walk Through WAI Resources Accessibility Training Suite Presentations, Topics, and Workshops http://www.w3.org/WAI/training/Overview
  • 53. Creative Commons – some rights reserved Walk Through WAI Resources Before and After Demo (BAD) http://www.w3.org/ WAI/demos/bad/
  • 54. Creative Commons – some rights reserved Walk Through WAI Resources Coming Soon from WAI • Tutorials - practical guidance , working examples of accessible web page components and interactive widgets. • Each tutorial is planned as multi-page resource illustrating or explaining how to make sure your website is accessible. • Edited by WAI Staff as part of the WAI- ACT Project • Developed with review, input, and approval of EOWG
  • 55. Creative Commons – some rights reserved Walk Through WAI Resources STEP 5: TEST, VERIFY, SHARE
  • 56. Creative Commons – some rights reserved Walk Through WAI Resources Testing for accessibility • Structure based on internal policies • Specific protocols will depend on goals • Should be part of overall QA • Will be iterative • Can improve user experience for all
  • 57. Creative Commons – some rights reserved Walk Through WAI Resources Functional test criteria • Text alternatives for non-text content includes graphics, audio, video etc • Keyboard access to all info and function • Logical reading order • No dependency on color alone • Separate presentation from meaning • Contrast of 4.5 to 1 or higher • Form controls, validation, error messages
  • 58. Creative Commons – some rights reserved Walk Through WAI Resources Easy Checks A First Review of Web Accessibility http://www.w3.org/WAI/eval/preliminary
  • 59. Creative Commons – some rights reserved Walk Through WAI Resources Conformance verification • Easy Checks provides preliminary info • More formal conformance review is needed for many organizations • Legal compliance issues, policy, etc
  • 60. Creative Commons – some rights reserved Walk Through WAI Resources WCAG-EM overview http://www.w3.org/WAI/eval/conformance.html
  • 61. Creative Commons – some rights reserved Walk Through WAI Resources WCAG-EM Web Content Accessibility Guidelines Evaluation Methodology For more formal assessment and reporting http://www.w3.org/TR/WCAG-EM/#abstract
  • 62. Creative Commons – some rights reserved Walk Through WAI Resources Involving Users in Web Accessibility Evaluation
  • 63. Creative Commons – some rights reserved Walk Through WAI Resources Join the community • Learn from others and share your tips, guidance, and suggestions (in WAI- Engage wiki) • Opportunities for research and contribution to emerging standards
  • 64. Creative Commons – some rights reserved Walk Through WAI Resources WAI invites you to get involved !
  • 65. Creative Commons – some rights reserved Walk Through WAI Resources For example: • Mobile Accessibility • IndieUI (Independent User Interface) • Research and Development
  • 66. Creative Commons – some rights reserved Walk Through WAI Resources Research and Development
  • 67. Creative Commons – some rights reserved Walk Through WAI Resources Shared Web Experiences
  • 68. Creative Commons – some rights reserved Walk Through WAI Resources Web Content Accessibility and Mobile Web: Making a Web Site Accessible Both for People with Disabilities and for Mobile Devices
  • 69. Creative Commons – some rights reserved Walk Through WAI Resources STEP 6: INCLUSIVE USABILITY TESTING
  • 70. Creative Commons – some rights reserved Walk Through WAI Resources We test so we don’t do this to our users • Woman sits at computer with finger on mouse clicker. The screen says Repetitive Stress Injury – click here 100 times to enter
  • 71. Creative Commons – some rights reserved Walk Through WAI Resources Involving Users in Web Projects for Better, Easier Accessibility
  • 72. Creative Commons – some rights reserved Walk Through WAI Resources Developing Websites for Older People: How WCAG 2.0 Applies
  • 73. Creative Commons – some rights reserved Walk Through WAI Resources Contacting Organizations about Inaccessible Websites
  • 74. Creative Commons – some rights reserved Walk Through WAI Resources FINALLY, LAST STEP: DO IT ALL AGAIN
  • 75. Creative Commons – some rights reserved Walk Through WAI Resources Accessibility is a process that must be woven into all IT practices from design, development, and procurement to management and QA
  • 76. Creative Commons – some rights reserved Walk Through WAI Resources Thank you You make all the difference! srush@knowbility.org @knowbility on Twitter www.facebook.com/knowbility
  • 77. Creative Commons – some rights reserved Walk Through WAI Resources More information • W3C – Web Accessibility Initiative www.w3.org/WAI …and two opportunities from Knowbility: • Open AIR, the Accessibility Internet Rally www.knowbility.org/v/open-air/ • AccessWorks Portal engaging users with disabilities www.knowbility.org/v/service-detail/AccessWorks-Usability- Accessibility-Testing-Portal/3k/
  • 78. Sponsored by: Find listings for our current season of webinars and register at: NonprofitWebinars.com Part Of:

×