Web Accessibility 101 - Testing

Making the Web Work for People with Disabilities

Mike Scott
Illinois Department of Human Services

Web Accessibility 101

What is accessibility?

Accommodating People with Disabilities

Compatibility with Assistive Technologies

Why is accessibility important?

Your Users

The Law

How do we make web sites accessible?

Accessibility Standards

Common Principles

How do we test if a web site is accessible?

Accessibility Testing

Automated Testing

Know the limitations of automatic testing:

Quick Tests

Quick Test: Alt Text
  1. Open your browser's Developer Toolbar (F12)
  2. Show Alt Text or Disable Images
  3. Check that:
    • images of words show the same words
    • image links identify their destination
    • decorative images don't have alt text
Quick Test: Headings, Lists & Tables
  1. Open your browser's Developer Toolbar (F12)
  2. Disable CSS (styles)
  3. Check that:
    • Section headings are large & bold
    • Lists have bullets or numbers
    • Reading order is correct
Quick Test: Labels
  1. Click on each form field label
  2. Check that:
    • focus moves to the field
    • OR the field has a tooltip that serves as a label
Quick Test: Keyboard Operation
  1. "Tab" through links, form fields, custom controls
  2. Check that:
    • All interface elements receive focus
    • Tab order is logical
    • Link text is understandable
    • Custom controls are operable
Quick Test: Colors
  1. Turn on a "high contrast" theme
  2. Check that:
    • Nothing disappears
    • Nothing depended on specific colors
  3. Use the Colour Contrast Analyzer

Testing with Assistive Technology

Who can help?