Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Accessibility - Learn how to get your whole team involved

Accessibility - Learn how to get your whole team involved

Michaela Blackham

August 03, 2017
Tweet

More Decks by Michaela Blackham

Other Decks in Technology

Transcript

  1. 53 million adults live with some form of a disability

    in the USA — CDC: CENTERS FOR DISEASE CONTROL & PREVENTION
  2. That’s 1 in every 5 adults in the USA —

    CDC: CENTERS FOR DISEASE CONTROL & PREVENTION
  3. What does this mean? • Someone with low, obstructed, or

    constricted vision • My color blind father • Each of our aging grandparents VISUAL
  4. • Navigation • Visual content • Orientation & boundaries •

    Contrast & size • Peripheral interaction What should I look for? VISUAL
  5. • Someone like my cousin Emily, with a disability from

    birth • The wounded vet that uses prosthetics • Or even my niece with her broken arm or finger What does this mean? MOTOR OR PHYSICAL
  6. • Gesture alternatives & sensitivity touches • Reach/orientation on mobile

    • Non physical navigation What should I look for? MOTOR OR PHYSICAL
  7. • Keyboard or touch navigation • Speech • Eye trackers,

    tongue sensitivity clickers etc How is this solved? MOTOR OR PHYSICAL
  8. • Someone who is completely non hearing • My grandfather

    who wears a hearing aid What does this mean? AUDITORY
  9. • My cousin Matthew who has down syndrome • The

    little boy I babysit with autism • Your friend who may have dyslexia • Me with extreme motion sickness What does this mean? COGNITIVE
  10. • Visual density • Memory gestures • Distracting content •

    Fonts • Excessive movements What should I look for? COGNITIVE
  11. • K.I.S.S. • Clear & consistent layouts • Smart color

    palettes • Controllable interactions • Subtle movements How is this solved? COGNITIVE
  12. Resources • The A11Y Project: a11yproject.com • Simply Accessible: simplyaccessible.com

    • Web Aim: webaim.org
 Color Testing • Color contrast: webaim.org/resources/ contrastchecker/ • Spectrum Chrome extension • Stark Sketch Plugin: getstark.co Screen Readers (free) • Safari Voicebox (built in) • Chromevox Chrome extension • NVDA (windows): nvaccess.org Transcribing media files (free) • Transcribe Chrome extension Accessibility checker • wave.webaim.org/