Auditing Your Website for Accessibility Compliance and Understanding How ADA Applies

Cynthia Ng
August 16, 2018

Brief Overview

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

Policy & Legislation

No otherwise qualified individual with a disability shall [...] be excluded from [...] any program or activity receiving Federal financial assistance.

- Section 504

United States Department of Labor. (n.d.). Section 504, The Rehabilitation Act of 1973.
[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.

The Americans with Disabilities Act (1990)


Florida Association of Special Districts (FASD)

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?

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.

Types of Disabilities

  • visual
  • auditory
  • physical/motor
  • touch
  • learning

Assistive Technology

  • screen readers
  • text-to-speech, speech-to-text
  • mouse alternatives (e.g. joysticks)
  • screen magnifiers
  • keyboard only
  • touch screen
  • and more

Web Content Accessibility Guidelines (WCAG)

by World Wide Web Consortium (W3C)

  • 2.0 (Dec 2008)
  • 2.1 (Jun 2018)

Sections of WCAG

  1. Perceivable
  2. Operable
  3. Understandable
  4. Robust
  5. Conformance

Some Notes on WCAG

  • Level: A, AA, AAA
  • Level AA recommended
  • WCAG Quick Ref makes life easier
  • Elements and Guidelines Overlap

Understanding WCAG

Auditing and Evaluating Your Website


Colorblind Web Page Filter

side by side comparison of original and colour filtered site

Fangs (Firefox Add-on)

example text output from Fangs


W3C validator

example output from w3c validator

HTML Codesniffer (bookmarklet)

example report overview from HTML Codesniffer example details from HTML Codesniffer

WCAG Contrast Checker (Firefox Add-on)

example contrast checker results

WAVE Toolbar

WAVE toolbar showing headers outline example

Manual Tests with Devices


Touch screen


search field with outline search field with outline

Automated Testing Frameworks

Demo: HTML Codesniffer

Report with no errors
Report with errors and showing dropdown of different guidelines

Demo: WAVE Toolbar

Demo: Keyboard Accessibility

Ask Your Users

Accessibility Statement

Take Away

Make it easy to contact you.



nodoka holding a stack of books