Accessibility Testing on the Cheap


Published on

Presentation on testing web sites for accessibility without spending much money. Includes links to tools I use for automatic testing, like the WAVE toolbar from WebAIM, The Paciello Group Colour Contrast Analyzer and others.

Published in: Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Don’t discriminate- legalUser environment, disability, temp disability, age,Just extend your set of unknowns past browser, platformDisability, including visual, hearing, mobility, cognitive, situational disability, partial disabilitiesGoogle, screen reading software - ATDEMO
  • 508 will include digital documents
  • Accessibility Testing on the Cheap

    1. 1. AccessibilityTesting on theCheapTools and tips to creating and maintainingan accessible web presence.
    2. 2. TEST? WHAT FOR?What accessibility testing actually tests for
    3. 3. Accessibility in threethoughts• Technology compatibility• Make digital content as understandable to technology aspossible.• Fair and equal• Make the experience equivalent regardless of factors we cannotcontrol.• Universal access• Don’t restrict anyone from getting where they want to go.
    4. 4. POUR, as per the W3C• Perceivable• Users must be able to perceive the information being presented (it cant beinvisible to all of their senses)• Operable• Users must be able to operate the interface (the interface cannot requireinteraction that a user cannot perform)• Understandable• Users must be able to understand the information as well as the operationof the user interface (the content or operation cannot be beyond theirunderstanding)• Robust• Users must be able to access the content as technologies advance (astechnologies and user agents evolve, the content should remainaccessible)
    5. 5. Standards and policy• Americans with Disabilities Act (ADA)• Web Content Accessibility Guidelines• 1.0 and 2.0• Section 508 of the Federal Rehabilitation Act of 1973, 1998• Oklahoma Electronic and Information Technology Accessibility(EITA) statute, effective 2005• Based on WCAG 1.0• Still helpful, just limited
    6. 6. Some elements ofaccessibility• What is the user interaction like?• Keyboard access• Visible focus• Color use and contrast• Assistive technology compatibility• Semantic structure• <h1>, <label>, <ul>, <th>, <td> etc.• Multimedia• Browsers• Assistive technology
    7. 7. Wide spectrum of AT
    8. 8. TESTING ON THECHEAPTools to help you verify accessibilitywithout spending a pile of cash.
    9. 9. Browser toolbars (mostly)• Browser plug-ins and add-ons• WAVE toolbar for Firefox and website••• Firefox Developer toolbar•• Juicy Studio Accessibility Toolbar for Firefox•• Jim Thatcher’s Favelets for Firefox•• The Paciello Group Toolbar for Internet Explorer•
    10. 10. More free, included or low-cost testing tools• Stand-alone tools• The Paciello Group Colour Contrast Analyser•• Native authoring tool accessibility checkers• Microsoft PowerPoint, Word 2010, 2013• Adobe Acrobat Professional X, XI• Screen reading software• Non-Visual Desktop Access (NVDA) for Windows•• JAWS for Windows•• VoiceOver is native on Mac OS and iOS
    11. 11. Caveats and tips• Don’t focus on one screen reader for testing• Don’t rely on one testing method, especially for dynamic sitesor software• Unplug your mouse• Inspect Element(s)• Use a good checklist• Know what the checklist is trying to find• Focus on your content
    12. 12. Checklists and resources• Oklahoma EITA Technical Assistance Document•• WebAIM Section 508•• WebAIM WCAG 2.0 (A, AA and AAA)•• Accessibility Priority Tool•• Goodwitch Hands-On Checklist• Google ahoy…