Accessibility Testing for Developers

Making the Web Work for People with Disabilities

DoIT OneNet, Accessibility & Training

Accessibility Testing for Developers

What is accessibility?

Accommodating People with Disabilities

Compatibility with Assistive Technologies

Why is accessibility important?

Your Users

The Law

The Lawsuits

How do we make web sites accessible?

Accessibility Standards

What's new with accessibility standards?

WCAG 2.1???

Common Principles

How do we test if a web site is accessible?

Accessibility Testing

Automated Testing

Know the limitations of automatic testing:

World's Least Accessible Web Page

Online Testers

Downloadable Tools

Integrated Tools

"Quick Tests"

Common Principles

Quick Test: Code

  1. Disable Styles
  2. Check that:
    • Section headings are large & bold
    • Lists have bullets or numbers
    • Order is correct

Quick Test: Colors

  1. Turn on High Contrast
  2. Check that:
    • Text changes color
    • Nothing important disappears
  3. Use the Colour Contrast Analyzer 
    on each text/background combination

Quick Test: Alt Text

  1. Disable Images
  2. 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, or
    • ARIA....

Quick Test: Keyboard

  1. "Tab" through links, form fields, custom controls
  2. Check that:

IITAA Testing Checklist

Assistive Technology

Top Screen Readers

  1. JAWS + IE 11
  2. NVDA + Firefox
  3. VoiceOver + Safari (mobile!)

Keys to Success

What's Next?