Introduction to accessibility of digital media

or: Inclusive design unlocks human potential

Nothing AG, Berne

Logo Nothing AG

20+ years ago

(aka. "The Dark Ages")

1808: First typewriter

  • Invented by Pellegrino Turri (incl. ink paper)
  • For blind friend Countess Carolina Fantoni da Fivizzano
  • Could write, but not read
    • Proofreading impossible
Countess Carolina sitting in front of typewriter

Thinking outside the box 🤔

1824: Braille

  • Tactile writing system
  • Invented by Louis Braille (at age of 15)
  • Could read, but not write
    • Until invention of braille typewriters
    • Not readable by most  other people
Braille closeup
Braille typewriter

2000: 3 job opportunities (for blind people)

  • Basket weaver
  • Piano tuner
  • Massager
Blind basket weaver
Blind piano tuner
Two blind massagers

Modern times

Everything's better now (?)

Until 2010: Early digital accessibility

  • Stable working screen readers and OS (desktop)
    • ​Scan papers (OCR)
    • Navigate the web
    • Read and write emails
  • Not so many services available
    • But simple ("traditional")
      and accessible
       
  • Sophisticated and expensive
    hardware/software
Electronic braille device

😊

😥

Today: Opportunities...

  • How important is to YOU...
    • The Internet?
    • Your smartphone?
      ​
  • Mobile screen readers
    • Free & easy
  • Control virtual and physical world
    • "Internet of things"
      ​
  • Endless possibilities (?)

🤔

Cloud of words like opportunity, new, life, today...

...vs. obstacles!

  • Modern apps and websites are "fancy"
    • Visually oriented
    • Complex
  • A lot of basic requirements are prone to be "forgotten"
    • Valid (semantic) HTML
    • Keyboard-only navigation
    • Standard controls vs. custom JavaScript
    • Image text alternatives
Fancy person with monocle and a glass of wine

Different forms

of disability

Forms of disability

  • Visual, up to blindness
  • Hearing, up to deafness
  • Motor (ie. no arms)
  • Cognitive and neurological (ie. attention deficit)
     
  • Age related (we will all be disabled some day)

Problems with vision

  • Colour blindness / dischromatopsia
  • Colour contrasts
    • Also relevant on mobile
  • Visibility of keyboard focus

Problems with hearing

  • In videos:
    • No subtitles available
  • In audios (ie. podcasts):
    • No text transcript available

Problems with movement

  • Rely on keyboard only (no mouse)
     
  • Elements not focusable
  • Keyboard focus not visible
  • Drag & drop
  • Interactive elements very small
    • Parkinson's, tremor
  • Not enough time
    • Checkout process

Possibilities

For today and tomorrow

So much can be possible!

Daniele is enabled to...

  • Use public transport
    • Electronic time table, Braille
      handles, guidelines for white stick
  • Read paper mail
    • Scan, then OCR and text-to-speech
  • Identify objects
    • Scan bar codes
  • Operate coffee machine
    • Smartphone app (through
      Bluetooth) and screen reader

Unlocking human potential

Countess Carolina sitting in front of typewriter
  • Creating accessible products means...
    • Equality, regardless of physical differences
  • It's not about creating "social welfare state"
  • It's about including & unlocking human potential
    • Stephen Hawking
    • Disabled people think outside the box!
       
  • Remember the typewriter?
    • Would we have smartphones today?

Human potential is the only limitless resource we have on this earth.

(Carly Fiorina)

Introduction to accessibility (Miro)

By Nothing

Introduction to accessibility (Miro)

  • 83