Accessibilité numérique, mais au fait de quoi on parle ?

2 226 vues

Publié le

Conférence reprenant les bases de l'accessibilité numérique : Qu'est-ce que c'est, Qu'est-ce que ça n'est pas, à quoi ça (me) sert, Comment la mettre en place de façon gérable et pérenne - Accessiday, mai 2014, Caen (France)

Publié dans : Internet
1 commentaire
4 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
2 226
Sur SlideShare
0
Issues des intégrations
0
Intégrations
17
Actions
Partages
0
Téléchargements
20
Commentaires
1
J’aime
4
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Accessibilité numérique, mais au fait de quoi on parle ?

  1. 1. ACCESSIBILITÉ NUMÉRIQUE, MAISAUFAIT,DE QUOI ON PARLE? Delphine Malassingne -Ekino @nissone @3k1n0 #accessiday
  2. 2. Diaporamadelaconférencedonnéelorsde Accessiday,le 28mai2014àCaen. NB: Cediaporamaa étéconçu pourêtrediffuséenparallèled’undiscours;il n’estdonc pastoujourssuffisant pourcomprendrele propos. Pourvoirlesressourcesautourdecetteconférence,vouspouvezconsulter: • la pageLanyrddelaconférence(http://lanyrd.com/2014/accessiday/coverage/) ; • et, enparticulier,lapageconcernantcettesession(http://lanyrd.com/2014/accessiday/scyqwh/). Lediaporamaestmisà dispositionselonlestermesdelalicenceCreativeCommonsAttribution- Pasd’UtilisationCommercialePartagedansles MêmesConditions3.0 nontransposé.Attribuez,avec lelien,à «DelphineMalassingne»ou«DelphineMalassingne–http://nissone.com/». Lesillustrationssontmisesà dispositionselonlestermesdelalicenceCreativeCommonsAttribution- PartagedanslesMêmesConditions. Attribuez,avec lelien,à «DelphineMalassingne»ou«DelphineMalassingne–http://nissone.com/». À propos des illustrations, voir http://articles.nissone.com/2014/05/illustrations-autour-de- laccessibilite-numerique
  3. 3. Qu’est-ce que c’est ? À quoi ça(me) sert ? Comment je m’y prends? PLAN
  4. 4. 1. Qu’est-ceque c’est ? L’ACCESSIBILITÉNUMÉRIQUE
  5. 5. IDÉE REÇUE : L’ACCESSIBILITÉ NUMÉRIQUE C’EST POUR LES HANDICAPÉS ? ?
  6. 6. Déficience physique Situation de handicap HANDICAP ET DÉFICIENCE
  7. 7. HANDICAP ET AIDE TECHNIQUE
  8. 8. HANDICAP ET AIDE TECHNIQUE
  9. 9. HANDICAP ET CONTEXTE Àpropos descontrastes, voir:http://www.ekino.com/a-propos-du-contraste-de-couleurs-de-texte
  10. 10. IDÉE REÇUE : L’ACCESSIBILITÉ NUMÉRIQUE C’EST POUR LES HANDICAPÉS ? ?
  11. 11. L’ACCESSIBILITÉ NUMÉRIQUE L’ACCESSIBILITÉ NUMÉRIQUE C’EST POUR LES HANDICAPÉS PERSONNES EN SITUATION DE HANDICAP
  12. 12. INTERNET Code livréàdesmachinesqui transmettentà unhumain Code disponibleà desrobotsqui exécutentdestâchesautomatiques indexation Fluxd’information
  13. 13. navigateursvisuels depuis unposte debureau en mobilité (mobile ou tablette) navigateursvocaux plagesbraille ...et demain ? LES MACHINES Voiraussi : http://blog.temesis.com/post/2014/05/12/L-accessibilite-un-outil-de-comprehension-du-Web
  14. 14. L’ACCESSIBILITÉ NUMÉRIQUE L’ACCESSIBILITÉ NUMÉRIQUE C’EST POUR LES HUMAINS EN SITUATION DE HANDICAP ET PAR LES MACHINES QUE LES HUMAINS UTILISENT.
  15. 15. «Servir contenuetfonctionnalités d’unsiteoud’uneapplication quelquesoit lecadred’utilisationdel’internaute (matériel,logiciel,contextuel).» Sébastien Delorme,Delphine Malassingne L’ACCESSIBILITÉ NUMÉRIQUE
  16. 16. 2. À quoi ça (me) sert ? L’ACCESSIBILITÉNUMÉRIQUE
  17. 17. LES GAINS COLLATÉRAUX: L’AUDIENCE Seniors Handicapés physiqueset mentaux Daltoniens Mobinautes +60 ans Incapacitéisolée et mineure > reconnaissanceadministrative 8%des hommes 20millions 12millions 3millions 32millions Démographieet vieillissement,éléments decadrage: http://www.slideshare.net/slidesharefing/g-delcroix 2004,http://www.webaccessibilite.fr/les-chiffres-du-handicap-en-France-2009-08-17.php 2012http://www.proximamobile.fr/article/la-france-compte-plus-de-32-millions-de-mobinautes
  18. 18. LES GAINS COLLATÉRAUX: L’AUDIENCE Panne/ absencedematériel 100%
  19. 19. LES GAINS COLLATÉRAUX: UTILISABILITÉ Accessibilité et utilisabilité vont dans une même direction : celle de l’utilisateur
  20. 20. LES GAINS COLLATÉRAUX: PORTABILITÉ DES DONNÉES L’accessibilité par son essence même est une approche multi-devices
  21. 21. LES GAINS COLLATÉRAUX: ACCESSIBILITÉ ET SEO Exposer l’ensemble des contenu (page de maillage, etc.)
  22. 22. LES GAINS COLLATÉRAUX: L’IMAGE DE MARQUE Démarche citoyenne La démarche plutôt que le résultat
  23. 23. LES GAINS COLLATÉRAUX: APPLICATION DE LALOI Loi 2005 Initiatives au Parlementeuropéen Attention à la discrimination
  24. 24. LES GAINS COLLATÉRAUX Voiraussi : http://blog.temesis.com/post/2014/05/12/L-accessibilite-un-outil-de-comprehension-du-Web
  25. 25. Meilleure expérience utilisateur LES GAINS COLLATÉRAUX
  26. 26. 3. Commentje m’y prends ? L’ACCESSIBILITÉNUMÉRIQUE
  27. 27. SPÉCIFICATIONS ET MÉTHODES D’IMPLÉMENTATION W3C DISIC Association BrailleNet International Consortium définissant les standards du web WAI Groupedédiéà l’accessibilité émet la spécification Méthodes d’application françaises Consortium définissant les standards du web
  28. 28. APPLIQUER LABONNE MÉTHODOLOGIE • Intégrerl’accessibilitédansunedémarchequalité http://articles.nissone.com/2011/04/integre... • L’accessibilitéagile:http://openweb.eu.org/articles/accessibilite_agile • AccessibilitéduWeb:lespiègeslesplusfréquents : http://openweb.eu.org/articles/planifier_accessibilite • Sensibiliserà l’accessibilité:dans lapeaudel’utilisateurhttp://accessiblog.fr/2014/05/sensibiliser-accessibilite-dans-la-peau-utilisateur/ Se faireaccompagner/ Choisirdesprestatairesexperts Expliqueretformer Intégrer un sponsorauprojet Prendreen compte l’accessibilitéen débutde projet Distribuerlesresponsabilités Penser utilisateurfinal plusque spécifications Itérationsetaméliorationcontinue
  29. 29. SE FORMER/ FORMER Formationd’experts Formationdes contributeurs
  30. 30. Prestatairequalifié Prestatairespécialisé Outils SE FAIREAIDER • http://accede-web.com/fr/
  31. 31. S’OUTILLER Accessiweb BPdu web Opquast > Accessibilité EasyChecks FirstsSteps Ocawa(Urbilog) OpquastReporting Tanaguru et…testsutilisateurs
  32. 32. Démarcheet intentions Labellisationetconformité Accessiweb RGAA COMMUNIQUER Accessibilité technique et accessibilité des contenus
  33. 33. SUIVRE L’ACTUALITÉ http://delphinem.github.io/AccessibiliteNumeriqueDeQuoiOnParle/ Listesdediffusions: conversationsd’experts/ aidedesexpertsaux débutants Blogd’experts-passionnés Sitesderéférence
  34. 34. C’EST POUR TOUS C’EST POUR MOI C’EST FAISABLE DelphineMalassingne– @nissone
  35. 35. Liens et références
  36. 36. Accessiweb http://www.accessiweb.org/ AccedeWeb http://accede-web.com/fr/ RéférentieldesBPduwebOpquast> Accessibilité https://checklists.opquast.com/fr/oqs- v2?q=accessibilit%C3%A9 EasyCheck http://www.w3.org/WAI/eval/preliminary FirstsSteps- https://checklists.opquast.com/fr/accessibility- first-step/ Ocawa http://www.ocawa.com/ OpquastReporting https://reporting.opquast.com/fr/ Tanaguru http://www.tanaguru.com/ RGAA https://references.modernisation.gouv.fr/rgaa-accessibilite WCAG http://www.w3.org/Translations/WCAG20-fr/ SPÉCIFICATIONS ET OUTILS Etc.
  37. 37. Listesde diffusion Accessibiliténumérique http://list.accessiw... Accesstech http://listes.rezo.net/mailman/listinfo/accesstech Blogs OlivierNourry http://accessiblog.fr/ TanguyLohéac http://www.tanguy-loheac.com/blog/ Sitesde référence AccessibilitéWeb(canadien) http://accessibiliteweb.com/blogue/ BrailleNet http://www.braillenet.org/ Open Web– Accessibilité http://openweb.eu.org/accessibilite Autres Lestuyauxdel’accessibilité http://tuyauxa11y.info/ Conférences Listedeconférencesenfrançais surl’accessibilité http://lanyrd.com/guides/web-accessibility-conferences-in- french/ Forum Européende l’AccessibilitéNumérique Édition2014 : http://inova.snv.jussieu.fr/evenements/colloques/colloq ues/82_index_fr.html Accessiday http://www.accessiday.fr VEILLE / CONFÉRENCES Etc.
  38. 38. Accessiweb http://www.accessiweb.org/index.php/Formations.html Atalan http://www.atalan.fr/fr/formation_accessibilite_web/ Qelios http://www.qelios.net/formation.htm Temesis http://temesis.com/formation/ FORMATION Etc.
  39. 39. PRESTATAIRE Ekinoconçoit et réalise avec vous sites internet, applications mobiles etservices numériques tournésvers vos utilisateurs ens’appuyant sur des exigences dequalité. C’est pourquoi Ekinoest OPQUASTPARTNERSfondateur et EXPERTACCESSIWEB contact@ekino.com
  40. 40. REMERCIEMENTS Stéphane Deschamps Mes collègues chez Ekino : Gilles, Ky Lân, Olivier etPierre Articles http://openweb.eu.org/articles/accessibilite_contrastes_textes_sites http://patrickroux.fr/developpement/accessibilite-rgaa-wcag-accessiweb-cest-quoi-4310 http://www.ideose.com/accessibilite-du-web-pour-les-seniors-besoin-dun-web-senior/ Élie Sloïm, Sébastien Delorme
  41. 41. CRÉDITS Mise en forme: Romain Emonet Illustrations * :Delphine Malassingne *Lesillustrationssontmisesà dispositionselonlestermesdela licenceCreativeCommonsAttribution- PartagedanslesMêmesConditions..Attribuez, avec lelien,à « DelphineMalassingne»ou«DelphineMalassingne– http://nissone.com/». Àproposdesillustrations,voirhttp://articles.nissone.com/2014/05/illustrations-autour-de-laccessibilite-numerique
  42. 42. W3C WorldWide Web Consortium WAI Web Accessibility Initiative Initiativesur l’accessibilitédu web WCAG Web Content Accessibility Guidelines Règlespourl’accessibilitédescontenusweb RGAA Référentiel Général d'Accessibilité pour les Administrations DISIC Direction Interministérielle des Systèmes d‘Information et de Communication SIGLES
  43. 43. CONTACT Delphine Malassingne Responsable qualité chez Ekino http://nissone.com @nissone Ekino Agence technologique digitale http://www.ekino.fr @3k1n0

×