Web Accessibility 101

Making the Web Work for People with Disabilities



Illinois Department of Human Services
dhs.illinois.gov/iitaa

Web Accessibility 101

What is accessibility?

Accommodating People with Disabilities

Compatibility with Assistive Technologies

The Law

How do we make web sites accessible?

Accessibility Standards

Common Principles

Accessibility Testing

Automated Testing

Know the limitations of automatic testing:

Quick Tests

Quick Test: Semantics
  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: 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: 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

Questions?