Accessing Higher Ground: Practical Accessibility Testing

  • Published on
    09-Dec-2014

  • View
    512

  • Download
    1

Embed Size (px)

DESCRIPTION

How do you know if your web site is accessible? Can automated testing tools help? How do you create and manage a culture of accessibility on a large university campus with a shrinking budget? Glenda 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. Glenda Sims is currently a senior accessibility consultant at Deque. She spent over a decade as the accessibility expert and web standards evangelist at the University of Texas at Austin.KeypointsNew free and powerful accessibility testing tools.The power of enterprise level accessibility tools in action.Importance of integrating accessibility testing into the software development life cycle.

Transcript

<ul><li> 1. Practical Accessibility Testing Your Chance toOpen the Web</li></ul> <p> 2. Glenda the Goodwitchwebstandards.orgknowbility.orgdeque.com 3. Open Web ForEveryone to connect communicateshare &amp; build knowledgeopportunity to reach our full potential 4. The Open Web is for Everyone andon EverythingNot just forstar bellied sneetches with iphones 5. Open Web = Accessible WebWhen all usersregardless of disability can obtain the same information and perform the same functions 6. Do you recognize this man? He is a world class runner. 7. Do you recognize him now? His name is Oscar Pistorius He is also known as the Blade Runner andthe fastest man on no legs 8. Oscar Pistorius Blade Runner Fastest man on no legs Ruled Ineligible for BejingOlympics 9. His prosthetics make him more than able-bodied 10. AccSEXYbility 11. Practical Accessibility Testing How Open Are You? 12. Ensuring Accessibility Testing Tools User Testing Open Web Design Process 13. Open Web EcosystemBuild with valid code http://validator.w3.org/unicorn/ 14. Accessibility Testing Tools Accessibility/Web Standards Validators Listening with screenreaders Testing with keyboard / no speakers Authoring Tool accessibility features Enterprise Accessibility Reports 15. Accessibility Validators - Page by Page CSS/HTML Validators The Wave Web Developer for Firefox Accessibility Toolbar for IE Luminosity Contrast Ratio Analyser FireEyes Accessibility Tools can only automatically test approximately 27% of the issues. Accessibility Testing Requires the Human Brain 16. Testing a Sitewww.utsports.com orwww.texassports.com HTML/CSS Validator http://validator.w3.org/unicorn/ Wave http://wave.webaim.org/ Web Developer (Firefox Extension) https://addons.mozilla.org/en-US/firefox/addon/60 Luminosity Contrast Ratio Analyser https://addons.mozilla.org/en- US/firefox/addon/juicy-studio-accessibility- too/?src=search Headings Map http://addons.mozilla.org/en- us/firefox/addon/headingsmap/ 17. UT Longhorns Home Page 18. Unicorn HTML Validator Go to http://validator.w3.org/unicorn/ Type in URL Press Check button 19. HTML Validator 454 Errors! 20. WAVE Go to http://wave.webaim.org/ Type in URL to test Press WAVE this page button 21. WAVE - 77 Accessibility Errors! 22. Web Developer Toolbar Install Web Developer Toolbar in Firefox Open Firefox and Select Replace Images with ALT Attributes 23. Check UT Longhorn Home Page withImages Replaced by ALT 24. Color Contrast Install Juicy Studios Accessibility Toolbar in FireFoxhttps://addons.mozilla.org/en-US/firefox/addon/juicy-studio-accessibility-too/?src=search Select Lumunosity Contrast Ratio from Toolbar 25. Color Contrast Issues 26. Headings Map Install Heading Map plugin in Firefoxhttp://addons.mozilla.org/en-us/firefox/addon/headingsmap Select Headings Map from the Tools menu 27. Heading Issues 28. Testing a Sitewww.utsports.com orwww.texassports.comwww.deque.com/products/deque-labs/worldspace-fireeyes 29. Demo of FireEyes Accessibility Testing Tool 30. Using FireEyes to Test for Color Contrast 31. FireEyes Color Contrast Results 32. ListenReal test: Can users withdisabilities actually use yoursite?Test representative pages witha screenreader JAWS screenreader www.freedomscientific.com Fangsscreenreader emulator standards- schmandards.com/projects/fangs 33. Keyboard AloneTest representative pages witha keyboard alone. Mouse requires mobility &amp; vision Keyboard Access allows assistive technology access 34. No SpeakersTest multimedia pages with no speakers 35. Enterprise Tools Define URL &amp; Spider Profile Select Testing Criteria Reports of Progress Over Time 36. Enterprise Accessibility Testing Tool Worldspace by Deque 37. Importance of User Testing 38. User TestingJust Ask:Integrating AccessibilityThroughout DesignBy Shawn Lawton Henrywww.uiaccess.com/justask/Accessibility is a subset of Usability Testing. 39. A Practical Testing Plan1. Code Validation2. Browser Testing turn off images dont use the mouse turn off speakers3. Online Accessibility Testing (representative pages) use more than one tool, example: Wave &amp; FireEyes4. Screenreader Testing JAWS5. Enterprise Accessibility Report like Worldspace6. Hands-on Accessibility Testing 40. Web development process40 41. Accessible web development1. Plan2. Equip Assess site, Adopt development andpeople, processtest tools Integrate with IDE, WCM Benchmark and Testing toolsindustry Review design andcoding standards 3. Empower Develop roadmap Role-specific training 4. Test Distributed unit tests Centralized, automatedtests 6. Sustain Expert usability evaluation Continuous monitoring 5. Remediatewith assistive technology Vendor verification Prioritize New employee training Fix Retest41 42. Create an Accessibility Plan1.Gather Baseline Information2.Gain Top Level Support3.Organize Web Accessibility Group4.Define a Standard5.Create an Implementation Plan6.Provide Training and Technical Support7.Monitor Conformance8.Remain Flexible Through ChangesWebAim8 Step Implementation Modelwww.webaim.org/articles/implementati on 42 43. Implementation Strategy -Prioritize Top 10% of pages based on use Critical Pages (required for your business purpose) Audience PublicMembersEmployees Geeks43 44. Implementation StrategiesAccessible (immediately, no excuses) All new or revised pages Top 10% pages (based on analytics) Critical pages Accessibility pagesAccessible by (date) Legacy Web Pages ** encourages archive of old / outdated pages!44 45. It is up to YOU!Good Design is Accesible designFor most people technology makes things easier.For people with disabilities,technology makes things possible. Presidents Council on Disabilities @goodwitch glenda.sims@deque.com </p>

Recommended

View more >