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
2. BRIEF OVERVIEW BRIEF OVERVIEW Policy & Legislation Web Accessibility Types of Disabilities Assistive Technology WCAG Auditing Your Website Accessibility Statement Take Away
3. POLICY & LEGISLATION POLICY & LEGISLATION
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
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
6. THE AMERICANS WITH DISABILITIES ACT (1990) THE AMERICANS WITH DISABILITIES ACT (1990)
7. FLORIDA FLORIDA Florida Association of Special Districts (FASD)
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.
9. WHAT IS WEB ACCESSIBILITY? WHAT IS WEB ACCESSIBILITY?
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
11. TYPES OF DISABILITIES TYPES OF DISABILITIES visual auditory physical/motor touch learning
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
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)
14. SECTIONS OF WCAG SECTIONS OF WCAG 1. Perceivable 2. Operable 3. Understandable 4. Robust 5. Conformance
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
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
17. AUDITING AND EVALUATING YOUR WEBSITE AUDITING AND EVALUATING YOUR WEBSITE SIMULATION SIMULATION
18. COLORBLIND WEB PAGE FILTER COLORBLIND WEB PAGE FILTER
19. (FIREFOX ADD-ON) (FIREFOX ADD-ON) FANGS FANGS
20. EVALUATION EVALUATION
21. W3C VALIDATOR W3C VALIDATOR
22. (BOOKMARKLET) (BOOKMARKLET) HTML CODESNIFFER HTML CODESNIFFER
23. (FIREFOX ADD-ON) (FIREFOX ADD-ON) WCAG CONTRAST CHECKER WCAG CONTRAST CHECKER
24. WAVE TOOLBAR WAVE TOOLBAR
25. MANUAL TESTS WITH DEVICES MANUAL TESTS WITH DEVICES MOUSE MOUSE TOUCH SCREEN TOUCH SCREEN KEYBOARD KEYBOARD
26. AUTOMATED TESTING FRAMEWORKS AUTOMATED TESTING FRAMEWORKS aXe core A11y Machine
27. DEMO: HTML CODESNIFFER DEMO: HTML CODESNIFFER
32. DEMO: WAVE TOOLBAR DEMO: WAVE TOOLBAR
36. DEMO: KEYBOARD ACCESSIBILITY DEMO: KEYBOARD ACCESSIBILITY
38. ASK YOUR USERS ASK YOUR USERS
39. ACCESSIBILITY STATEMENT ACCESSIBILITY STATEMENT Wording from FSAD Partial Conformance Claim with 3rd Party Content WCAG Conformance Claims
40. TAKE AWAY TAKE AWAY
41. Make it easy to contact you.
42. THANKS! THANKS! CONTACT CONTACT Cynthia Ng @TheRealArty about.me/cynthiang