Leave No One Behind

Leave No One Behind

Building Accessible Web Applications

A5b424d4146905962a24acd6815aeb84?s=128

Stephen Thomas

October 22, 2016
Tweet

Transcript

  1. 3.

    Who? • Users with cognitive impairments • Users with hearing

    impairments • Users with visual impairments • Seizures • Color Blindness • Presbyopia • Users with motor impairments
  2. 5.

    Leave No One Behind • Users with Cognitive Impairments •

    Check Reading Level for Content • Don’t Build Complicated Interfaces
  3. 6.

    Leave No One Behind • Users with Hearing Impairments •

    Add visual cues to critical audio notifications • Add close caption tracks to <video> elements
  4. 7.

    Leave No One Behind • Users with Visual Impairments •

    Give Users a way to Disable Animations • Don’t Rely Solely on Color • Watch Contrast Ratio • Responsive Design • Use HTML5 Elements for Page Layout • Correct Use of Buttons and Links
  5. 8.

    Leave No One Behind • Users with Motor Impairments •

    Support Focus Styling • Manage Focus • Dynamically set TabIndex attributes, or • Capture keydown events
  6. 9.

    Some Key Resources • Checklist • http://webaim.org/standards/wcag/checklist • Tools •

    http://khan.github.io/tota11y/ • http://howlowck.github.io/Akbar/ • Learn More • https://www.udacity.com/course/web-accessibility--ud891