Auditing Your Website for Accessibility Compliance and Understanding How ADA Applies

Presented via Florida Libraries Webinar

Websites need to be accessible so that anyone can use them including users who use assistive technology and even common technologies simply in ways we may not predict. Organizations concerned with compliance to the Americans with Disabilities Act (ADA) often do not know where to even begin. Join us to learn about Web Content Accessibility Guidelines (WCAG), what it has to do with ADA, and how to get an accessibility audit done using free resources and tools.

Transcript

1. AUDITING YOUR WEBSITE
   AUDITING YOUR WEBSITE
   FOR ACCESSIBILITY
   FOR ACCESSIBILITY
   COMPLIANCE AND
   COMPLIANCE AND
   UNDERSTANDING HOW
   UNDERSTANDING HOW
   ADA APPLIES
   ADA APPLIES
   August 16, 2018
   Cynthia Ng
   @TheRealArty
   

   View Slide

2. BRIEF OVERVIEW
   BRIEF OVERVIEW
   Policy & Legislation
   Web Accessibility
   Types of Disabilities
   Assistive Technology
   WCAG
   Auditing Your Website
   Accessibility Statement
   Take Away
   

   View Slide

3. POLICY & LEGISLATION
   POLICY & LEGISLATION
   

   View Slide

4. No otherwise quali ed individual with a
   disability shall [...] be excluded from [...]
   any program or activity receiving
   Federal nancial assistance.
   - Section 508
   United States Department of Labor. (n.d.). Section 504, The Rehabilitation Act of 1973. http://www.dol.gov/oasam/regs/statutes/sec504.htm
   

   View Slide

5. [E]ach Federal department or agency
   [...] shall ensure [...] that the electronic
   and information technology allows [...]
   individuals with disabilities who are
   members of the public seeking
   information or services from a Federal
   department or agency to have access to
   and use of information and data that is
   comparable to the [...] public who are
   not individuals with disabilities.
   - Section 508, paragraph a-1-A-ii
   United States Department of Labor. (n.d.). Section 508, The Rehabilitation Act of 1973. http://www.dol.gov/oasam/regs/statutes/sec508.htm
   

   View Slide

6. THE AMERICANS WITH DISABILITIES ACT (1990)
   THE AMERICANS WITH DISABILITIES ACT (1990)
   

   View Slide

7. FLORIDA
   FLORIDA
   Florida Association of Special Districts (FASD)
   

   View Slide

8. SUMMARY: POLICY & LEGISLATION
   SUMMARY: POLICY & LEGISLATION
   The Rehabilitation Act (Section 504 and 508)
   Americans with Disabilities Act
   state, district, municipal legislation
   organizations, grants, etc.
   

   View Slide

9. WHAT IS WEB ACCESSIBILITY?
   WHAT IS WEB ACCESSIBILITY?
   

   View Slide

10. Web accessibility means that people
    with disabilities can use the Web.
    - W3C Web Accessibility Initiative (WAI)
    W3C Web Accessibility Initiative. (2005). What is Web Accessibility. Introduction to Web Accessibility. http://www.w3.org/WAI/intro/accessibility.php
    

    View Slide

11. TYPES OF DISABILITIES
    TYPES OF DISABILITIES
    visual
    auditory
    physical/motor
    touch
    learning
    

    View Slide

12. ASSITIVE TECHNOLOGY
    ASSITIVE TECHNOLOGY
    screen readers
    text-to-speech, speech-to-text
    mouse alternatives (e.g. joysticks)
    screen magni ers
    keyboard only
    touch screen
    and more
    

    View Slide

13. WEB CONTENT ACCESSIBILITY GUIDELINES
    WEB CONTENT ACCESSIBILITY GUIDELINES
    (WCAG)
    (WCAG)
    BY WORLD WIDE WEB CONSORTIUM (W3C)
    BY WORLD WIDE WEB CONSORTIUM (W3C)
    2.0 (Dec 2008)
    2.1 (Jun 2018)
    

    View Slide

14. SECTIONS OF WCAG
    SECTIONS OF WCAG
    1. Perceivable
    2. Operable
    3. Understandable
    4. Robust
    5. Conformance
    

    View Slide

15. SOME NOTES ON WCAG
    SOME NOTES ON WCAG
    Level: A, AA, AAA
    Level AA recommended
    makes life easier
    Elements and Guidelines Overlap
    WCAG Quick Ref
    

    View Slide

16. UNDERSTANDING WCAG
    UNDERSTANDING WCAG
    (Florida Libraries, May 2016)
    (Florida
    Libraries, September 2016)
    (WeaveUX,
    Issue 7, October 2017)
    (Code4Lib Journal, Issue 37, July 2017)
    Making Online Accessibility Easy and Part of Your Work
    Making Web Services Accessible for Everyone
    A Practical Guide to Improving Web Accessibility
    A Practical Starter Guide on Developing Accessible Websites
    WCAG Blog Post Series
    

    View Slide

17. AUDITING AND EVALUATING YOUR WEBSITE
    AUDITING AND EVALUATING YOUR WEBSITE
    SIMULATION
    SIMULATION
    

    View Slide

18. COLORBLIND WEB PAGE FILTER
    COLORBLIND WEB PAGE FILTER
    

    View Slide

19. (FIREFOX ADD-ON)
    (FIREFOX ADD-ON)
    FANGS
    FANGS
    

    View Slide

20. EVALUATION
    EVALUATION
    

    View Slide

21. W3C VALIDATOR
    W3C VALIDATOR
    

    View Slide

22. (BOOKMARKLET)
    (BOOKMARKLET)
    HTML CODESNIFFER
    HTML CODESNIFFER
    

    View Slide

23. (FIREFOX ADD-ON)
    (FIREFOX ADD-ON)
    WCAG CONTRAST CHECKER
    WCAG CONTRAST CHECKER
    

    View Slide

24. WAVE TOOLBAR
    WAVE TOOLBAR
    

    View Slide

25. MANUAL TESTS WITH DEVICES
    MANUAL TESTS WITH DEVICES
    MOUSE
    MOUSE
    TOUCH SCREEN
    TOUCH SCREEN
    KEYBOARD
    KEYBOARD
    

    View Slide

26. AUTOMATED TESTING FRAMEWORKS
    AUTOMATED TESTING FRAMEWORKS
    aXe core
    A11y Machine
    

    View Slide

27. DEMO: HTML CODESNIFFER
    DEMO: HTML CODESNIFFER
    

    View Slide

28. View Slide

29. View Slide

30. View Slide

31. View Slide

32. DEMO: WAVE TOOLBAR
    DEMO: WAVE TOOLBAR
    

    View Slide

33. View Slide

34. View Slide

35. View Slide

36. DEMO: KEYBOARD ACCESSIBILITY
    DEMO: KEYBOARD ACCESSIBILITY
    

    View Slide

37. View Slide

38. ASK YOUR USERS
    ASK YOUR USERS
    

    View Slide

39. ACCESSIBILITY STATEMENT
    ACCESSIBILITY STATEMENT
    Wording from FSAD
    Partial Conformance Claim with 3rd Party Content
    WCAG Conformance Claims
    

    View Slide

40. TAKE AWAY
    TAKE AWAY
    

    View Slide

41. Make it easy to contact you.
    

    View Slide

42. THANKS!
    THANKS!
    CONTACT
    CONTACT
    Cynthia Ng
    @TheRealArty
    about.me/cynthiang
    

    View Slide