Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Digital	
  Accessibility	
  
The	
  forgo)en	
  
component	
  
every	
  developer	
  
should	
  know	
  
3/14/2015	
   @jo...
Accessibility	
  StaIsIcs	
  
•  How	
  many	
  people	
  are	
  disabled?	
  
	
  57M	
  in	
  US	
  	
  
	
  1B	
  World...
Accessibility	
  StaIsIcs	
  conInued	
  
•  Baby	
  Boomers	
  geYng	
  older	
  
•  Myth	
  of	
  Minority.	
  54%	
  ha...
The	
  Story	
  of	
  
From	
  web	
  developer	
  to	
  co-­‐founder	
  
of	
  a	
  global	
  movement	
  
3/14/2015	
   ...
One	
  day,	
  I	
  stumbled	
  upon	
  a	
  video	
  by	
  	
  
Yahoo!	
  programmer	
  Victor	
  Tsaran	
  
3/14/2015	
 ...
Play	
  Videos	
  	
  
•  Victor	
  Tsaran	
  Video:	
  
h)ps://www.youtube.com/watch?
v=izrC4R7SsH4	
  
•  ChrisIne	
  Ha...
Road	
  to	
  accessibility	
  
•  Victor’s	
  video	
  
percolated	
  in	
  the	
  back	
  
of	
  my	
  mind	
  
•  Freel...
Moved	
  to	
  Los	
  Angeles	
  
Got	
  a	
  gig	
  @	
  AmericanIdol.com.	
  Unfortunately,	
  
no	
  tech	
  scene	
  i...
Dad	
  @	
  JPL	
  
Speaker	
  of	
  10	
  languages.	
  Survivor	
  of	
  Auschwitz	
  &	
  
Dachau.	
  He	
  lost	
  muc...
BLOG	
  POST	
  THAT	
  INSPIRED	
  GAAD	
  
3/14/2015	
   @joedevon	
  -­‐	
  Midwest	
  PHP	
   10	
  
3/14/2015	
   @joedevon	
  -­‐	
  Midwest	
  PHP	
  
11	
  
Guess	
  who	
  winds	
  up	
  speaking	
  at	
  1st	
  GAAD	
...
Success	
  of	
  GAAD,	
  Year	
  One	
  
•  GAAD	
  made	
  my	
  hometown	
  paper	
  
•  Gov’ts	
  &	
  Corps	
  ran	
 ...
My	
  Dad	
  passed	
  away	
  
February	
  16,	
  2013.	
  	
  
3/14/2015	
   @joedevon	
  -­‐	
  Midwest	
  PHP	
   13	
...
GAAD	
  Year	
  2	
  
•  Mindy	
  designed	
  a	
  new	
  logo…	
  
which	
  made	
  the	
  front	
  cover	
  of	
  .Net	
...
GAAD	
  Year	
  2	
  
	
  
3/14/2015	
   @joedevon	
  -­‐	
  Midwest	
  PHP	
   15	
  
GAAD	
  Year	
  3	
  
•  The	
  Paciello	
  Group	
  created	
  #ID24	
  
•  #GAAD	
  approached	
  two	
  tweets	
  a	
  ...
GAAD	
  Year	
  3	
  
3/14/2015	
   @joedevon	
  -­‐	
  Midwest	
  PHP	
   17	
  
GAAD	
  comes	
  full	
  circle	
  
Remember	
  the	
  bank	
  
whose	
  unusable	
  
interface	
  inspired	
  my	
  
post...
HOW	
  TO	
  MAKE	
  AN	
  IMPACT	
  
3/14/2015	
   @joedevon	
  -­‐	
  Midwest	
  PHP	
   19	
  
Why	
  should	
  I	
  care	
  about	
  a11y?	
  
3/14/2015	
   @joedevon	
  -­‐	
  Midwest	
  PHP	
   20	
  
Which	
  major	
  tech	
  company	
  is	
  known	
  
for	
  being	
  the	
  most	
  accessible?	
  	
  
A.	
  	
  
B.	
  	...
And	
  the	
  winner	
  is…..	
  
3/14/2015	
   @joedevon	
  -­‐	
  Midwest	
  PHP	
   22	
  
Play	
  more	
  videos	
  
•  iPads	
  ease	
  of	
  use:	
  
h)ps://www.youtube.com/watch?
v=la6vK6hI7rM	
  	
  
3/14/201...
Accessibility	
  &	
  “The	
  Law”	
  
•  SecIon	
  508	
  requires	
  that	
  all	
  Federal	
  website	
  
content	
  be...
Companies	
  that	
  have	
  sued	
  or	
  se)led	
  
•  H&R	
  Block:	
  JusIce	
  Department	
  got	
  involved,	
  
sen...
DisabiliIes	
  &	
  Web	
  Browsing	
  Part	
  I	
  
VISUAL	
  IMPAIRMENT:	
  
•  Blind	
  people	
  don’t	
  even	
  have...
Play	
  wordpress	
  Video	
  
•  Trying	
  to	
  get	
  permission	
  to	
  publish.	
  Will	
  
update	
  this	
  deck	
...
Accessibility	
  in	
  Wordpress	
  
•  65%	
  of	
  the	
  top	
  1M	
  sites	
  running	
  Wordpress	
  
•  4	
  of	
  1...
Mobile	
  Accessibility	
  
•  The	
  iPhone	
  changed	
  the	
  game	
  
•  Apple’s	
  focus	
  on	
  accessibility	
  r...
Play	
  Tommy	
  Videos	
  
•  Tommy	
  Edison	
  uses	
  Facebook:	
  
h)ps://www.youtube.com/watch?
v=MtE2NfFZK2g	
  
• ...
DisabiliIes	
  &	
  Web	
  Browsing	
  Part	
  II	
  
DEAF	
  USERS:	
  
•  Audio	
  w/	
  no	
  wri)en	
  component	
  lo...
Another	
  Tommy	
  Video	
  
•  Tommy	
  interviews	
  Yahoo	
  Accessibility:	
  
h)ps://www.youtube.com/watch?
v=1C9Cbu...
DisabiliIes	
  &	
  Web	
  Browsing	
  Part	
  III	
  
COGNITIVE	
  ISSUES,	
  MOTOR	
  IMPAIRMENT:	
  
•  Organizing	
  y...
Play	
  Sip	
  and	
  Puff	
  Videos	
  
•  Jared:	
  
h)ps://www.youtube.com/watch?
v=Bhj5vs9P5cw	
  
•  Big	
  Launcher	
...
A	
  word	
  about	
  WAI-­‐ARIA	
  
•  ARIA	
  is	
  a	
  W3C	
  spec	
  for	
  Accessible	
  Rich	
  
Internet	
  Applic...
Takeaways	
  
•  Standards	
  are	
  good	
  
•  Learn	
  about	
  WCAG,	
  a	
  W3C	
  IniIaIve	
  
•  Making	
  things	
...
Play	
  a	
  Cat	
  Video	
  
•  Obligatory	
  Cat	
  Video:	
  
h)ps://www.youtube.com/watch?
v=PU7hPOY8n_Y	
  	
  
3/14/...
Links	
  
•  h)p://globalaccessibilityawarenessday.org	
  
•  h)p://www.secIon508.gov/	
  
•  h)p://www.ada.gov/	
  
•  h)...
THANK	
  YOU!	
  
	
  
	
  
	
  
	
  
Twi)er:	
  @joedevon,	
  @gbla11yday	
  
Email:	
  joe.devon@dws.la	
  
3/14/2015	
 ...
Digital Accessibility; The Forgotten Component every developer should know
Upcoming SlideShare
Loading in …5
×

Digital Accessibility; The Forgotten Component every developer should know

661 views

Published on

Keynote at MidwestPHP. Replaced embedded videos where links where possible.

Published in: Technology
  • Be the first to comment

Digital Accessibility; The Forgotten Component every developer should know

  1. 1. Digital  Accessibility   The  forgo)en   component   every  developer   should  know   3/14/2015   @joedevon  -­‐  Midwest  PHP   1  
  2. 2. Accessibility  StaIsIcs   •  How  many  people  are  disabled?    57M  in  US      1B  Worldwide   •  What’s  the  breakdown?    Hearing  impaired:  360M    Vision  impaired:  285M    CogniIve:  194M    Physical  impairment:  13M    Other  (Depression,  Alcohol,  DemenIa):  148M     3/14/2015   @joedevon  -­‐  Midwest  PHP   2  
  3. 3. Accessibility  StaIsIcs  conInued   •  Baby  Boomers  geYng  older   •  Myth  of  Minority.  54%  have  some  form  of   disability  (PEW  internet  project)   •  $200  Billion  in  disposable  income   •  Gartner  says  it’s  in  the  Trillions   •  9  out  of  10  websites  are  inaccessible     3/14/2015   @joedevon  -­‐  Midwest  PHP   3  
  4. 4. The  Story  of   From  web  developer  to  co-­‐founder   of  a  global  movement   3/14/2015   @joedevon  -­‐  Midwest  PHP   4  
  5. 5. One  day,  I  stumbled  upon  a  video  by     Yahoo!  programmer  Victor  Tsaran   3/14/2015   @joedevon  -­‐  Midwest  PHP   5  
  6. 6. Play  Videos     •  Victor  Tsaran  Video:   h)ps://www.youtube.com/watch? v=izrC4R7SsH4   •  ChrisIne  Ha  Video:   h)ps://www.youtube.com/watch? v=_OO9w_oK6dQ   •  Fullspeed  screen  reader:   h)ps://soundcloud.com/freecodecamp     3/14/2015   @joedevon  -­‐  Midwest  PHP   6  
  7. 7. Road  to  accessibility   •  Victor’s  video   percolated  in  the  back   of  my  mind   •  Freelance  Dev  in  NY   •  Big  tech  scene.  Lots  of   meetups     3/14/2015   @joedevon  -­‐  Midwest  PHP   7  
  8. 8. Moved  to  Los  Angeles   Got  a  gig  @  AmericanIdol.com.  Unfortunately,   no  tech  scene  in  L.A.!   3/14/2015   @joedevon  -­‐  Midwest  PHP   8  
  9. 9. Dad  @  JPL   Speaker  of  10  languages.  Survivor  of  Auschwitz  &   Dachau.  He  lost  much  of  his  hearing  &  eyesight.   3/14/2015   @joedevon  -­‐  Midwest  PHP   9  
  10. 10. BLOG  POST  THAT  INSPIRED  GAAD   3/14/2015   @joedevon  -­‐  Midwest  PHP   10  
  11. 11. 3/14/2015   @joedevon  -­‐  Midwest  PHP   11   Guess  who  winds  up  speaking  at  1st  GAAD   event  in  Los  Angeles?   Victor  Tsaran  
  12. 12. Success  of  GAAD,  Year  One   •  GAAD  made  my  hometown  paper   •  Gov’ts  &  Corps  ran  events,  blogged  &  tweeted   •  Appeared  in  podcasts,  magazines     Alas,  next  year  wouldn’t  be  so  easy   3/14/2015   @joedevon  -­‐  Midwest  PHP   12  
  13. 13. My  Dad  passed  away   February  16,  2013.     3/14/2015   @joedevon  -­‐  Midwest  PHP   13  
  14. 14. GAAD  Year  2   •  Mindy  designed  a  new  logo…   which  made  the  front  cover  of  .Net  Magazine   •  FCC  blogs  &  tweets  #GAAD  for  24  hours   •  #GAAD  had  a  tweet  a  minute!   •  More  engagement  than  we  could  have  ever   imagined   •  I  guess  we  hit  on  something     3/14/2015   @joedevon  -­‐  Midwest  PHP   14  
  15. 15. GAAD  Year  2     3/14/2015   @joedevon  -­‐  Midwest  PHP   15  
  16. 16. GAAD  Year  3   •  The  Paciello  Group  created  #ID24   •  #GAAD  approached  two  tweets  a  minute     •  Gaming  companies  spoke  about  a11y  games   •  ArIcles  in  PHP  Architect,  Sitepoint,  A  List   Apart  &  more     3/14/2015   @joedevon  -­‐  Midwest  PHP   16  
  17. 17. GAAD  Year  3   3/14/2015   @joedevon  -­‐  Midwest  PHP   17  
  18. 18. GAAD  comes  full  circle   Remember  the  bank   whose  unusable   interface  inspired  my   post?     Twist  of  Fate   3/14/2015   @joedevon  -­‐  Midwest  PHP   18  
  19. 19. HOW  TO  MAKE  AN  IMPACT   3/14/2015   @joedevon  -­‐  Midwest  PHP   19  
  20. 20. Why  should  I  care  about  a11y?   3/14/2015   @joedevon  -­‐  Midwest  PHP   20  
  21. 21. Which  major  tech  company  is  known   for  being  the  most  accessible?     A.     B.     C.     D.     3/14/2015   @joedevon  -­‐  Midwest  PHP   21  
  22. 22. And  the  winner  is…..   3/14/2015   @joedevon  -­‐  Midwest  PHP   22  
  23. 23. Play  more  videos   •  iPads  ease  of  use:   h)ps://www.youtube.com/watch? v=la6vK6hI7rM     3/14/2015   @joedevon  -­‐  Midwest  PHP   23  
  24. 24. Accessibility  &  “The  Law”   •  SecIon  508  requires  that  all  Federal  website   content  be  accessible  to  people  with   disabiliIes.   •  ADA  or  Americans  with  DisabiliIes  Act  signed   into  Law  in  1990   •  More  regulaIons  are  coming…   •  Don’t  do  a11y  for  the  Law…do  it  because  it’s   right…and  it’s  good  for  you  &  your  users   3/14/2015   @joedevon  -­‐  Midwest  PHP   24  
  25. 25. Companies  that  have  sued  or  se)led   •  H&R  Block:  JusIce  Department  got  involved,   sending  a  strong  message  to  businesses   •  Se)lements  with  companies  such  as  Bank  of   America,  State  of  Texas,  American  Cancer   Society,  Northwestern  University,  Target,   Neulix  and  more   •  Others  were  more  proacIve,  e.g.  eBay,   Monster.com,  Travelocity  &  Ticketmaster   3/14/2015   @joedevon  -­‐  Midwest  PHP   25  
  26. 26. DisabiliIes  &  Web  Browsing  Part  I   VISUAL  IMPAIRMENT:   •  Blind  people  don’t  even  have   a  screen  to  look  at   •  Blind  people  can’t  use  a  mouse   •  Color  contrast  is  important  for  low  vision  and   people  w/  color  blindness   •  Screen  Magnifiers   •  Screen  Readers  read  out  web  pages   3/14/2015   @joedevon  -­‐  Midwest  PHP   26  
  27. 27. Play  wordpress  Video   •  Trying  to  get  permission  to  publish.  Will   update  this  deck  if  I  get  a  “yes”.   3/14/2015   @joedevon  -­‐  Midwest  PHP   27  
  28. 28. Accessibility  in  Wordpress   •  65%  of  the  top  1M  sites  running  Wordpress   •  4  of  1,747  themes  in  Wordpress  accessible   •  UnIl  @accessiblejoe  started  the  CiIes  project   •  Inaccessible  admin?  Don’t  disabled  people   have  valuable  content  to  share?   •  WP-­‐Accessibility  plugin   h)ps://wordpress.org/plugins/wp-­‐ accessibility/   3/14/2015   @joedevon  -­‐  Midwest  PHP   28  
  29. 29. Mobile  Accessibility   •  The  iPhone  changed  the  game   •  Apple’s  focus  on  accessibility  really  opened   the  world  to  a  lot  of  people   •  Siri,  a  SemanIc  Web  company,  took  things  to   another  level.  Speak  to  your  phone!   •  Other  smartphones  have  been  following  suit   •  Apps  suffer  from  a11y  issues  too  though   3/14/2015   @joedevon  -­‐  Midwest  PHP   29  
  30. 30. Play  Tommy  Videos   •  Tommy  Edison  uses  Facebook:   h)ps://www.youtube.com/watch? v=MtE2NfFZK2g   •  Tommy  Edison  uses  Instagram:   h)ps://www.youtube.com/watch? v=P1e7ZCKQfMA  ,   h)ps://www.youtube.com/watch? v=0i1k3srHKAA     3/14/2015   @joedevon  -­‐  Midwest  PHP   30  
  31. 31. DisabiliIes  &  Web  Browsing  Part  II   DEAF  USERS:   •  Audio  w/  no  wri)en  component  locks  deaf   users  out   •  Videos  can  become  useless   •  Unless  you  capIon  your  videos!   •  Don’t  rely  on  Audio  Captchas!   3/14/2015   @joedevon  -­‐  Midwest  PHP   31  
  32. 32. Another  Tommy  Video   •  Tommy  interviews  Yahoo  Accessibility:   h)ps://www.youtube.com/watch? v=1C9Cbu2bPBA     3/14/2015   @joedevon  -­‐  Midwest  PHP   32  
  33. 33. DisabiliIes  &  Web  Browsing  Part  III   COGNITIVE  ISSUES,  MOTOR  IMPAIRMENT:   •  Organizing  your  content  in  a  well  laid  out   manner  can  be  helpful  to  those  with  cogniIve   impairment   •  There  are  other  disabiliIes  like  Quadriplegics   who  use  other  assisIve  technology  like  Puff  &   Sip  controllers.     •  Motor  DisabiliIes   3/14/2015   @joedevon  -­‐  Midwest  PHP   33  
  34. 34. Play  Sip  and  Puff  Videos   •  Jared:   h)ps://www.youtube.com/watch? v=Bhj5vs9P5cw   •  Big  Launcher  and  Tecla  Shield:   h)ps://www.youtube.com/watch? v=SJDICSMy7z0     3/14/2015   @joedevon  -­‐  Midwest  PHP   34  
  35. 35. A  word  about  WAI-­‐ARIA   •  ARIA  is  a  W3C  spec  for  Accessible  Rich   Internet  ApplicaIons   •  Framework  of  a)ributes  to  help  w/  user   interacIon,  define  current  state,   •  Make  custom  widgets  available  to  AT   (AssisIve  Technology)   •  Makes  problemaIc  controls  accessible   •  Meant  to  provide  AT  w/  addiIonal   informaIon   3/14/2015   @joedevon  -­‐  Midwest  PHP   35  
  36. 36. Takeaways   •  Standards  are  good   •  Learn  about  WCAG,  a  W3C  IniIaIve   •  Making  things  semanIc  under  the  hood  lets   computers  “understand”  the  content   •  Good  for  Screen  Readers  &  Search  Engines   •  Perform  user  tesIng  for  accessibility   3/14/2015   @joedevon  -­‐  Midwest  PHP   36  
  37. 37. Play  a  Cat  Video   •  Obligatory  Cat  Video:   h)ps://www.youtube.com/watch? v=PU7hPOY8n_Y     3/14/2015   @joedevon  -­‐  Midwest  PHP   37  
  38. 38. Links   •  h)p://globalaccessibilityawarenessday.org   •  h)p://www.secIon508.gov/   •  h)p://www.ada.gov/   •  h)p://www.w3.org/WAI/intro/wcag   •  h)p://webaim.org/standards/wcag/checklist   •  h)p://w3c.github.io/aria-­‐in-­‐html/        3/14/2015   @joedevon  -­‐  Midwest  PHP   39  
  39. 39. THANK  YOU!           Twi)er:  @joedevon,  @gbla11yday   Email:  joe.devon@dws.la   3/14/2015   @joedevon  -­‐  Midwest  PHP   40  

×