Accessibilité d'internet - webassoc 29 janvier 2015

679 vues

Publié le

Présentation de ce qu'est l'accessibilité pour les sites internet, qui ca concerne, solutions... par Audrey Vittecoq-Laporte, responsable qualité, pour webassoc lors de sa journée sur les innovations utiles aux associations

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
679
Sur SlideShare
0
Issues des intégrations
0
Intégrations
9
Actions
Partages
0
Téléchargements
12
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Accessibilité d'internet - webassoc 29 janvier 2015

  1. 1. 29  janvier  2015  29  janvier  2015   Accessibilité  numérique  :  ini9a9on,   recommanda9ons  &  bonnes  pra9ques     -­‐-­‐   Audrey  ViBecoq-­‐Laporte   Responsable  qualité  web  –  Ecedi  
  2. 2. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   IDÉE  REÇUE  :   L’ACCESSIBILITÉ  NUMÉRIQUE   C’EST  POUR  LES  HANDICAPÉS     ?  
  3. 3. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   HANDICAP  VS.  DÉFICIENCE   Déficience     physique   Situa9on     de  handicap  
  4. 4. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   HANDICAP  ET  AIDE  TECHNIQUE   Lecteur  vocal   LuneBes  
  5. 5. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   HANDICAP  ET  AIDE  TECHNIQUE  
  6. 6. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   HANDICAP  ET  CONTEXTE  
  7. 7. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   DÉFINITIONS   L’ACCESSIBILITÉ  NUMÉRIQUE  
  8. 8. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   L’ACCESSIBILITÉ  NUMÉRIQUE   C’EST  POUR  LES  HANDICAPÉS   PERSONNES     EN  SITUATION  DE  HANDICAP  
  9. 9. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   L’ACCESSIBILITÉ  NUMÉRIQUE       L’accessibilité  numérique  :       c’est  permeBre  aux  u9lisateurs  en  situa9on  de  handicap   d’accéder  à  un  contenu  en  ligne  et  de  le  comprendre.     L’u9lisateur  doit  être  au  centre  de  l’intérêt  
  10. 10. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   QUELS  BÉNÉFICES  ?   L’ACCESSIBILITÉ  NUMÉRIQUE  
  11. 11. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   QUELQUES  CHIFFRES…   Seniors   +60  ans   20  millions   Handicapés   physiques  et   mentaux   Incapacité  isolée  et  mineure     >  reconnaissance   administra9ve   12  millions   Daltoniens   8%  des  hommes   3  millions   Mobinautes   32  millions   Démographie  et  vieillissement,  éléments  de  cadrage  :   hBp://www.slideshare.net/slidesharefing/g-­‐delcroix   2004,   hBp://www.webaccessibilite.fr/les-­‐chiffres-­‐du-­‐handicap-­‐en-­‐France-­‐2009-­‐08-­‐17.php     2012   hBp://www.proximamobile.fr/ar9cle/la-­‐france-­‐compte-­‐plus-­‐de-­‐32-­‐millions-­‐de-­‐ mobinautes    
  12. 12. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   ATOUTS…     •  Portabilité   •  SEO   •  U9lisabilité   •  Démarche  gra9fiante   •  Respect  de  la  loi   •  Fidélisa9on  
  13. 13. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   COMMENT  S’Y  PRENDRE  ?     L’ACCESSIBILITÉ  NUMÉRIQUE  
  14. 14. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   RÉFÉRENTIELS  ET  MÉTHODES  D’APPLICATION   W3C DISIC Association BrailleNet International WAI Groupe dédié à l’accessibilité émet la spécification Méthodes d’application françaises Consortium définissant les standards du web
  15. 15. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   MÉTHODOLOGIE   •  Experts  qualifiés  :  accompagnement  /  conseil   •  S’ou9ller   •  Se  former  /  être  former   •  Prendre  en  compte  l’accessibilité  en  DEBUT  de  projet   •  Améliora9on  con9nue   •  Pensez  u9lisateur  plutôt  que  référen9el  
  16. 16. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   EXEMPLES   L’ACCESSIBILITÉ  NUMÉRIQUE  
  17. 17. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   •  Ne  pas  véhiculer  l’informa9on  par  la  couleur  uniquement   COULEURS  
  18. 18. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   COULEURS  –  QUELQUES  ALTERNATIVES  POSSIBLES   U9liser  des  pictos    
  19. 19. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   COULEURS  –  QUELQUES  ALTERNATIVES  POSSIBLES   U9liser  des  légendes  contextuelles  
  20. 20. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   COULEURS  –  QUELQUES  ALTERNATIVES  POSSIBLES   Rappeler  les  valeurs  dans  les  légendes  
  21. 21. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   IMAGES   •  Images  décora9ves  -­‐-­‐>  pas  d’alterna9ve  textuelle   •  Images  porteuses  d’informa9ons  -­‐-­‐>  alterna9ve  textuelle  
  22. 22. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   IMAGES   Alterna9ve  textuelle  :          ABen9on  au  contexte  !   VS.  
  23. 23. 29  janvier  2015  29  janvier  2015   MERCI         Audrey  ViBecoq-­‐Laporte   TwiBer  :  @AudVL   Mail  :  aviBecoq.laporte@ecedi.fr      
  24. 24. 29  janvier  2015  29  janvier  2015   TITRE  DE  LA  SLIDE   CRÉDITS  ET  REMERCIEMENTS   Dessins  *  et  schémas  de  Delphine  Malassingne  -­‐  @nissone     Une  par9e  des  slides  ont  été  inspirés  par  la  présenta9on  de  Delphine   Malassingne  lors  de  sa  conférence  à  Caen  pour  Accessiday  2014  –  Merci  !   *Les  dessins  sont  mis  à  disposi9on  selon  les  termes  de  la  licence  Crea9ve   Commons  ABribu9on  -­‐  Partage  dans  les  Mêmes  Condi9ons.  .ABribuez,  avec  le  lien,  à  «  Delphine  Malassingne  »   ou  «  Delphine  Malassingne  –  hBp://nissone.com/  ».   À  propos  des  illustra9ons,  voir   hBp://ar9cles.nissone.com/2014/05/illustra9ons-­‐autour-­‐de-­‐laccessibilite-­‐numerique        

×