Practical Accessibility Testing

2,877 views

Published on

How do you know if your web site is accessible? Can automated testing tools help? Glenda Sims will share gems from her 10+ years of experience testing sites for accessibility. Equip yourself with free and powerful testing tools. Learn how to turn it up a notch when you need to monitor accessibility across a vast enterprise. See some of the very latest testing tools that will help you evaluate color contrast, dynamic content and WAI-ARIA compliance

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,877
On SlideShare
0
From Embeds
0
Number of Embeds
28
Actions
Shares
0
Downloads
62
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • First, let me introduce myself. I’m Glenda (the goodwitch) Sims. I’m the accessibility goddess at Deque where I get to share my passion and expertise for the open web with .gov, .edu and companies ranging from small business to Fortune 500. I’m also a consultant, judge and trainer for the non-profit Knowbility (whose mission is Barrier Free IT) and I give back to the web by volunteering on the web standards project including co-leading the Open Web Education Alliance, an Incubator Group in the W3C.
  • When Sir Tim Berners-Lee invented the web...he always intended it to be an open platform for society to connect, communication and build knowledge.
  • Do you recognize this man? (pause)He is a world class runner.
  • Do you recognize him now?His name is Oscar PistoriusHe is also known as the "Blade Runner" and "the fastest man on no legs”
  • Pistorius is not discouraged, believing every bit in his credo, "You're not disabled by the disabilities you have, you are able by the abilities you have.”May 2008 the ruling was overturned. Pistorius is confident that he will qualify for 2012 Olympics in London.See latest on his time trials at http://sportsillustrated.cnn.com/2011/writers/david_epstein/06/11/oscar.pistorius.worlds/
  • Accessibility is Sexy. Beautiful.Accessibility is Innovation. Think about accessibility as Excess Ability – More than HumanIBM and Apple actually consider accessibility to be an innovative business strategy
  • Practical Accessibility Testing

    1. 1. Practical Accessibility Testing<br />Your Chance to<br /> the Web<br />
    2. 2. Glenda the Goodwitch<br />webstandards.org<br />knowbility.org<br />deque.com<br />
    3. 3. Open WebForEveryone<br />toconnect<br />communicate<br />share & build knowledge<br />opportunity to reach our full potential<br />
    4. 4. The Open Web is<br />for Everyone<br />and on Everything<br />Not just for<br />star bellied sneetches<br />with iPhones<br />
    5. 5. Open Web = Accessible Web<br />When all users <br />regardless of disability <br />can obtain the same information <br />and perform the same functions<br />
    6. 6.
    7. 7.
    8. 8. Oscar Pistorius<br />Blade Runner<br />Fastest man on no legs<br />Ruled Ineligible for Bejing Olympics<br />
    9. 9. His prosthetics make himmore than able-bodied<br />
    10. 10. AccSEXYbility<br />
    11. 11. Practical Accessibility Testing<br />How Open Are You?<br />
    12. 12. Ensuring Accessibility<br />Testing Tools<br />User Testing<br />Open Web Design Process<br />
    13. 13. Open Web Ecosystem<br />Build with valid code http://validator.w3.org/unicorn/<br />
    14. 14. Accessibility Testing Tools<br />Accessibility/Web Standards Validators<br />Listening with screenreaders<br />Testing with keyboard / no speakers<br />Authoring Tool accessibility features<br />Enterprise Accessibility Reports <br />
    15. 15. Accessibility Validators - Page by Page<br />CSS/HTML Validators<br />The Wave<br />Web Developer for Firefox<br />Accessibility Toolbar for IE<br />Luminosity Contrast Ratio Analyser<br />FireEyes<br />Accessibility Tools can only automatically <br />test approximately 27% of the issues.<br />Accessibility Testing Requires the Human Brain<br />
    16. 16. Testing a Site<br />www.utsports.com or<br />www.texassports.comHTML/CSS Validator<br />http://validator.w3.org/unicorn/<br />Wave<br />http://wave.webaim.org/<br />Web Developer (Firefox Extension)<br />https://addons.mozilla.org/en-US/firefox/addon/60<br />Luminosity Contrast Ratio Analyser<br />http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php#downloadextension<br />Headings Map<br />http://addons.mozilla.org/en-us/firefox/addon/headingsmap/ <br />
    17. 17. Testing a Site<br />www.utsports.com or<br />www.texassports.comFireEyes<br />www.deque.com/products/deque-labs/worldspace-fireeyes<br />
    18. 18. Listen<br />Real test: Can users with disabilities actually use your site?<br />Test representative pages with a screenreader<br />JAWS screenreaderwww.freedomscientific.com<br />Fangs screenreaderemulator standards-schmandards.com/projects/fangs<br />
    19. 19. Keyboard Alone<br />Test representative pages with a keyboard alone.<br />Mouse requires mobility & vision<br />Keyboard Accessallows assistive technology access<br />
    20. 20. No Speakers<br />Test multimedia pages with no speakers<br />
    21. 21. Enterprise Tools<br />Define URL & Spider Profile<br />Select Testing Criteria<br />Reports of Progress Over Time<br />
    22. 22.
    23. 23. Importance of User Testing<br />
    24. 24. User Testing<br />Just Ask: <br />Integrating Accessibility Throughout Design<br />By Shawn Lawton Henry<br />www.uiaccess.com/justask/<br />Accessibility is a subset of Usability Testing. <br />
    25. 25. A Practical Testing Plan<br />Code Validation<br />Browser Testing<br />turn off images<br />don’t use the mouse<br />turn off speakers<br />Online Accessibility Testing (representative pages)<br />use more than one tool, example: Wave & FireEyes<br />Screenreader Testing<br />JAWS<br />Enterprise Accessibility Report<br />like Worldspace<br />Hands-on Accessibility Testing<br />
    26. 26. 26<br />Web development process<br />
    27. 27. 27<br />Accessible web development<br />Equip<br />Adopt development and test tools<br />Integrate with IDE, WCM and Testing tools<br />Plan<br />Assess site, people, process<br />Benchmark industry<br />Review design and coding standards<br />Develop roadmap<br />Empower<br />Role-specific training<br />Test<br />Distributed unit tests<br />Centralized, automated tests<br />Expert usability evaluation with assistive technology<br />Sustain<br />Continuous monitoring<br />Vendor verification<br />New employee training<br />Remediate<br />Prioritize<br />Fix<br />Retest<br />
    28. 28. Create an Accessibility Plan<br />Gather Baseline Information<br />Gain Top Level Support<br />Organize Web Accessibility Group<br />Define a Standard<br />Create an Implementation Plan<br />Provide Training and Technical Support<br />Monitor Conformance<br />Remain Flexible Through Changes<br />WebAim<br />8 Step Implementation Model<br />www.webaim.org/articles/implementation<br />28<br />
    29. 29. Public<br />Members<br />Employees<br />Geeks<br />Implementation Strategy - Prioritize<br />Top 10% of pages based on use<br />Critical Pages (required for your business purpose)<br />Audience<br />29<br />
    30. 30. Implementation Strategies<br />Accessible (immediately, no excuses)<br />All new or revised pages<br />Top 10% pages (based on analytics)<br />Critical pages<br />Accessibility pages<br />Accessible by (date)<br />Legacy Web Pages *<br />* encourages archive of old / outdated pages!<br />30<br />
    31. 31. Good Design is Accesible design<br />It is up to YOU!<br />For most people technology makes things easier. <br />For people with disabilities, <br />technology makes things possible.<br />@goodwitch<br />glenda.sims@deque.com<br />President’s Council on Disabilities<br />

    ×