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

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

POLICY & LEGISLATION POLICY & LEGISLATION

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

[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

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

FLORIDA FLORIDA Florida Association of Special Districts (FASD)

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

WHAT IS WEB ACCESSIBILITY? WHAT IS WEB ACCESSIBILITY?

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

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

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

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)

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

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

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

AUDITING AND EVALUATING YOUR WEBSITE AUDITING AND EVALUATING YOUR WEBSITE SIMULATION SIMULATION

COLORBLIND WEB PAGE FILTER COLORBLIND WEB PAGE FILTER

(FIREFOX ADD-ON) (FIREFOX ADD-ON) FANGS FANGS

EVALUATION EVALUATION

W3C VALIDATOR W3C VALIDATOR

(BOOKMARKLET) (BOOKMARKLET) HTML CODESNIFFER HTML CODESNIFFER

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

WAVE TOOLBAR WAVE TOOLBAR

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

AUTOMATED TESTING FRAMEWORKS AUTOMATED TESTING FRAMEWORKS aXe core A11y Machine

DEMO: HTML CODESNIFFER DEMO: HTML CODESNIFFER

No content

No content

No content

No content

DEMO: WAVE TOOLBAR DEMO: WAVE TOOLBAR

No content

No content

No content

DEMO: KEYBOARD ACCESSIBILITY DEMO: KEYBOARD ACCESSIBILITY

No content

ASK YOUR USERS ASK YOUR USERS

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

TAKE AWAY TAKE AWAY

Make it easy to contact you.

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