See  Me,  Feel  Me,  Touch  Me,  Heal  me  

 Accessibility  and  opportunity  

 in  mobile  compu3ng    

Jus2n  Kaufman  So6ware  Developer,  Raizlabs  

Dozens  of  apps,  millions  of  users  worldwide  Usability  passion,  not  profession  

Coming  up…  

What  it  means  to  be  accessible  How  computers  support  access  Which  mobile  plaHorms  are  “accessible”  How  to  make  your  app  accessible  Assis2ve  apps,  present  and  future  

Story  Time  

VoiceOver  Demo  

To  enable  on  your  iPhone,  iPod,    and  iPad:        SeQngs.app        >  General        >  Accessibility        >  VoiceOver            Switch  ON  

 Also    available  in  through  iTunes.  

   

 Accessibility  

What  is  accessibility?  

Providing  equal  access  regardless  of  sensory,  physical,  or  cogni2ve  ability.    Enabling  the  use  of  a  tool  or  resource  by  as  many  people  as  possible.  

Func2onal  requirements  

Dispose  of  human  waste  Maintain  sanitary  environment  Afford  occupant  privacy  and  comfort  

Installa2on  requirements  

4  sq6  floor  space  2’  door,  par22on  1”  fresh  water  pipe  Sewer  and  overflow  drain  

Enter  and  shut  door  Grasp  and  close  lock  Sit  and  stand  unaided  Trigger  flush  Reach  sink  while  seated  Dispense  and  tear  2ssue  

User  requirements  

 Principles  

Programs  define:      inputs  (click)      business  logic      outputs  (alert)  

void  flushCompleted(boolean  success)    {          if(success)  {                  alert.show(“congratula2ons!”);          }  else  {                  alert.show(“beger  luck  next  2me”)          }  }  

Doesn’t  need  to  know  how  it's  being  operated  

Depress  handle        

Toilet  2.0  

Click  Dwell  Tap  Switch  Speak  

View  outcome  

Toilet  

Can  modify  the  interac2on  to  suit  the  user’s  needs    

Text  Sound    

Breathe  Blink  Gesture  Gaze  Think  

Input  

Output   Vibrate  Image  

Accessible  So6ware  

Recognizes  and  mi2gates  human  requirements  through  design    Supports  accessible  methods  of  naviga2on,  consump2on,  and  control  

General  Guidelines  

Separate  form  from  content          Describe  interface  controls          Extract  text  from  images          Separate  logical  blocks  of  text          Large  or  resizable  labels    

General  Guidelines  

Avoid  surprises          Stay  consistent  and  offer  context  clues          Prefer  standard  controls  and  hierarchies          Flag  content  that  updates  frequently      

General  Guidelines  

Support  naviga2on          Set  logical  ordering  of  controls            “Mute”  design  elements          Offer  alterna2ve  paths    

Impact  

 Accessibility  Interna2onaliza2on  Automated  UI  tes2ng  

 Mobile  

Convergent  Personal  

Mainstream  Connected  Sensing  

 

Android  iOS  

Blackberry  WebOS  

Windows  Phone  7  Windows  Mobile  6.x  

Symbian  

Android  

Fragmenta2on          Inconsistent  hardware          OEM  modifica2ons          Device-­‐specific  quirks    Patchwork  accessibility  support            Recent  addi2ons            Not  deeply  integrated            Limited  APIs  

Accessibility  features          Predic2ve  text  and  autocorrect          Speech  to  text          Screen  reader          Virtual  keyboard  and  direc2onal  pad          Auditory  and  vibratory  feedback    Other          Applica2on  menu          Persistent  back  bugon          Hardware  keyboard    

Projects  and  vendors          EyesFree          Mobile  Accessibility          Spiel          Ideal          K-­‐9  

iOS  

No  global  accessibility  APIs  Ligle  room  for  customiza2on  Few  bugons  and  no  keyboard  Many  gestures  require  dexterity  

Predic2ve  text  and  autocorrect  Font  size  (limited)  Voice  commands  Screen  zoom  Mono  audio  White  on  Black  Bluetooth  keyboards  and  braille  displays  VoiceOver  

 Apps  

WalkyTalky  EyesFree  Project  

 Accessible  naviga2on  aid  

VizWiz  Academic  collabora2on*    Crowd  sourced  assistance  with  visual  tasks      *Ins2tu2ons          University  of  Rochester          University  of  Washington          University  of  Maryland          University  of  Central  Florida          MIT  

 

Color  ID  Free  GreenGar  Studios    Speaking  color  iden2fier  

ProloQuo2Go  Assis2veWare    Augmenta2ve  and  alterna2ve  communica2on