accessibilité numérique, mais au fait de quoi on parle ?
DESCRIPTION
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)TRANSCRIPT
![Page 1: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/1.jpg)
ACCESSIBILITÉ NUMÉRIQUE, MAIS AU FAIT, DE QUOI ON
PARLE ?
Delphine Malassingne - Ekino
@nissone@3k1n0#accessiday
![Page 2: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/2.jpg)
Diaporama de la conférence donnée lors de Accessiday, le 28 mai 2014 à Caen.NB : Ce diaporama a été conçu pour être diffusé en parallèle d’un discours ; il n’est donc pas toujours suffisant pour comprendre le propos.
Pour voir les ressources autour de cette conférence, vous pouvez consulter :• la page Lanyrd de la conférence (http://lanyrd.com/2014/accessiday/coverage/) ;• et, en particulier, la page concernant cette session (http://lanyrd.com/2014/accessiday/scyqwh/ ).
Le diaporama est mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d’Utilisation Commerciale Partage dans les Mêmes Conditions 3.0 non transposé. Attribuez, avec le lien, à « Delphine Malassingne » ou « Delphine Malassingne – http://nissone.com/ ».
Les illustrations sont mises à disposition selon les termes de la licence Creative Commons Attribution - Partage dans les Mêmes Conditions. Attribuez, avec le lien, à « Delphine Malassingne » ou « Delphine Malassingne – http://nissone.com/ ».
À propos des illustrations, voir http://articles.nissone.com/2014/05/illustrations-autour-de-laccessibilite-numerique
![Page 3: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/3.jpg)
Qu’est-ce que c’est ?
À quoi ça (me) sert ?
Comment je m’y
prends ?
PLAN
![Page 4: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/4.jpg)
1. Qu’est-ce que c’est ?L’ACCESSIBILITÉ NUMÉRIQUE
![Page 5: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/5.jpg)
IDÉE REÇUE :
L’ACCESSIBILITÉ NUMÉRIQUEC’EST POUR LES HANDICAPÉS ?
?
![Page 6: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/6.jpg)
Déficience physique
Situation de handicap
HANDICAP ET DÉFICIENCE
![Page 7: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/7.jpg)
HANDICAP ET AIDE TECHNIQUE
![Page 8: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/8.jpg)
HANDICAP ET AIDE TECHNIQUE
![Page 9: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/9.jpg)
HANDICAP ET CONTEXTE
À propos des contrastes, voir : http://www.ekino.com/a-propos-du-contraste-de-couleurs-de-texte
![Page 10: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/10.jpg)
IDÉE REÇUE :
L’ACCESSIBILITÉ NUMÉRIQUEC’EST POUR LES HANDICAPÉS ?
?
![Page 11: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/11.jpg)
L’ACCESSIBILITÉ NUMÉRIQUE
L’ACCESSIBILITÉ NUMÉRIQUEC’EST POUR LES HANDICAPÉS
PERSONNES EN SITUATION DE HANDICAP
![Page 12: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/12.jpg)
INTERNET
Code livré à des machines qui transmettent à un humainCode disponible à des robots qui exécutent des tâches automatiques
indexationFlux d’information
![Page 13: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/13.jpg)
navigateurs visuelsdepuis un poste de bureau en mobilité (mobile ou tablette)
navigateurs vocauxplages braille
...et demain ?
LES MACHINES
Voir aussi : http://blog.temesis.com/post/2014/05/12/L-accessibilite-un-outil-de-comprehension-du-Web
![Page 14: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/14.jpg)
L’ACCESSIBILITÉ NUMÉRIQUE
L’ACCESSIBILITÉ NUMÉRIQUEC’EST POUR LES
HUMAINS EN SITUATION DE HANDICAP ET PAR LES MACHINES
QUE LES HUMAINS UTILISENT.
![Page 15: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/15.jpg)
« Servir contenu et fonctionnalités
d’un site ou d’une application quel que soit
le cadre d’utilisation de l’internaute
(matériel, logiciel, contextuel). »
Sébastien Delorme, Delphine Malassingne
L’ACCESSIBILITÉ NUMÉRIQUE
![Page 16: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/16.jpg)
2. À quoi ça (me) sert ?L’ACCESSIBILITÉ NUMÉRIQUE
![Page 17: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/17.jpg)
LES GAINS COLLATÉRAUX : L’AUDIENCE
SeniorsHandicapés physiques
et mentaux
Daltoniens
Mobinautes
+60 ans Incapacité isolée et mineure
> reconnaissance administrative
8% des hommes
20 millions
12 millions 3 millions 32millions
Démographie et vieillissement, éléments de cadrage : http://www.slideshare.net/slidesharefing/g-delcroix2004, http://www.webaccessibilite.fr/les-chiffres-du-handicap-en-France-2009-08-17.php 2012 http://www.proximamobile.fr/article/la-france-compte-plus-de-32-millions-de-mobinautes
![Page 18: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/18.jpg)
LES GAINS COLLATÉRAUX : L’AUDIENCE
Panne / absence de matériel
100 %
![Page 19: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/19.jpg)
LES GAINS COLLATÉRAUX : UTILISABILITÉ
Accessibilité et utilisabilité vont dans une même direction : celle de l’utilisateur
![Page 20: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/20.jpg)
LES GAINS COLLATÉRAUX : PORTABILITÉ DES DONNÉES
L’accessibilité par son essence même est une approche multi-devices
![Page 21: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/21.jpg)
LES GAINS COLLATÉRAUX : ACCESSIBILITÉ ET SEO
Exposer l’ensemble des contenu (page de maillage, etc.)
![Page 22: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/22.jpg)
LES GAINS COLLATÉRAUX : L’IMAGE DE MARQUE
Démarche citoyenne
La démarcheplutôt que
le résultat
![Page 23: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/23.jpg)
LES GAINS COLLATÉRAUX :APPLICATION DE LA LOI
Loi 2005Initiatives au Parlement européenAttention à
la discriminati
on
![Page 24: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/24.jpg)
LES GAINS COLLATÉRAUX
Voir aussi : http://blog.temesis.com/post/2014/05/12/L-accessibilite-un-outil-de-comprehension-du-Web
![Page 25: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/25.jpg)
Meilleure expérience utilisateur
LES GAINS COLLATÉRAUX
![Page 26: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/26.jpg)
3. Comment je m’y prends ?L’ACCESSIBILITÉ NUMÉRIQUE
![Page 27: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/27.jpg)
SPÉCIFICATIONS ET MÉTHODES D’IMPLÉMENTATION
W3C
DISIC Association BrailleNet
Inte
rnati
on
al
Consortium définissant les standards du web
WAI
Groupe dédié à l’accessibilité
émetla spécification
Méthodes d’application françaises
Consortium définissant les standards du web
![Page 28: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/28.jpg)
APPLIQUER LA BONNE MÉTHODOLOGIE
• Intégrer l’accessibilité dans une démarche qualité http://articles.nissone.com/2011/04/integre...• L’accessibilité agile : http://openweb.eu.org/articles/accessibilite_agile • Accessibilité du Web : les pièges les plus fréquents : http://openweb.eu.org/articles/planifier_accessibilite • Sensibiliser à l’accessibilité : dans la peau de l’utilisateur
http://accessiblog.fr/2014/05/sensibiliser-accessibilite-dans-la-peau-utilisateur/
Se faire accompagner / Choisir des prestataires experts Expliquer et formerIntégrer un sponsor au projetPrendre en compte l’accessibilité en début de projetDistribuer les responsabilitésPenser utilisateur final plus que spécificationsItérations et amélioration continue
![Page 29: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/29.jpg)
SE FORMER / FORMER
Formation d’expertsFormation des contributeurs
![Page 30: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/30.jpg)
Prestataire qualifiéPrestataire spécialiséOutils
SE FAIRE AIDER
• http://accede-web.com/fr/
![Page 31: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/31.jpg)
S’OUTILLER
AccessiwebBP du web Opquast > Accessibilité Easy ChecksFirsts StepsOcawa (Urbilog)Opquast ReportingTanaguru et …tests utilisateurs
![Page 32: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/32.jpg)
Démarche et intentionsLabellisation et conformité
AccessiwebRGAA
COMMUNIQUER
Accessibilité technique
etaccessibilité des contenus
![Page 33: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/33.jpg)
SUIVRE L’ACTUALITÉ
http://delphinem.github.io/AccessibiliteNumeriqueDeQuoiOnParle/
Listes de diffusions : conversations d’experts / aide des experts aux débutants Blog d’experts-passionnésSites de référence
![Page 34: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/34.jpg)
C’ESTPOUR TOUS
C’ESTPOUR MOI
C’ESTFAISABL
E
Delphine Malassingne – @nissone
![Page 35: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/35.jpg)
Liens et références
![Page 36: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/36.jpg)
Accessiweb http://www.accessiweb.org/
Accede Web http://accede-web.com/fr/
Référentiel des BP du web Opquast > Accessibilité https://checklists.opquast.com/fr/oqs-v2?q=accessibilit%C3%A9
Easy Check http://www.w3.org/WAI/eval/preliminary
Firsts Steps -
https://checklists.opquast.com/fr/accessibility-first-step/
Ocawa http://www.ocawa.com/
Opquast Reporting 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.
![Page 37: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/37.jpg)
Listes de diffusionAccessibilité numériquehttp://list.accessiw...Accesstechhttp://listes.rezo.net/mailman/listinfo/accesstech
BlogsOlivier Nourry http://accessiblog.fr/Tanguy Lohéac http://www.tanguy-loheac.com/blog/
Sites de référenceAccessibilité Web (canadien) http://accessibiliteweb.com/blogue/
BrailleNet http://www.braillenet.org/
Open Web – Accessibilité http://openweb.eu.org/accessibilite
AutresLes tuyaux de l’accessibilitéhttp://tuyauxa11y.info/
Conférences Liste de conférences en français sur l’accessibilité http://lanyrd.com/guides/web-accessibility-conferences-in-french/
Forum Européen de l’Accessibilité NumériqueÉdition 2014 : http://inova.snv.jussieu.fr/evenements/colloques/colloques/82_index_fr.htmlAccessiday http://www.accessiday.fr
VEILLE / CONFÉRENCES
Etc.
![Page 38: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/38.jpg)
Accessiweb http://www.accessiweb.org/index.php/Formations.html
Atalan http://www.atalan.fr/fr/formation_accessibilite_web/
Qelioshttp://www.qelios.net/formation.htm
Temesis http://temesis.com/formation/
FORMATION
Etc.
![Page 39: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/39.jpg)
PRESTATAIRE
Ekino conçoit et réalise avec vous sites internet, applications mobiles et services
numériques tournés vers vos utilisateurs
en s’appuyant sur des exigences de qualité.
C’est pourquoi Ekino est OPQUAST PARTNERS fondateur
et EXPERT ACCESSIWEB
![Page 40: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/40.jpg)
REMERCIEMENTS
Stéphane DeschampsMes collègues chez Ekino : Gilles, Ky Lân, Olivier et PierreArticles
http://openweb.eu.org/articles/accessibilite_contrastes_textes_sites http://patrickroux.fr/developpement/accessibilite-rgaa-wcag-accessiweb-cest-quoi-4310http://www.ideose.com/accessibilite-du-web-pour-les-seniors-besoin-dun-web-senior/
Élie Sloïm, Sébastien Delorme
![Page 41: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/41.jpg)
CRÉDITS
Mise en forme : Romain EmonetIllustrations * : Delphine Malassingne
* Les illustrations sont mises à disposition selon les termes de la licence Creative Commons Attribution - Partage dans les Mêmes Conditions. .Attribuez, avec le lien, à « Delphine Malassingne » ou « Delphine Malassingne – http://nissone.com/ ».À propos des illustrations, voir
http://articles.nissone.com/2014/05/illustrations-autour-de-laccessibilite-numerique
![Page 42: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/42.jpg)
W3C World Wide Web Consortium
WAI Web Accessibility InitiativeInitiative sur l’accessibilité du web
WCAG Web Content Accessibility GuidelinesRègles pour l’accessibilité des contenus web
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
![Page 43: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/43.jpg)
CONTACT
Delphine MalassingneResponsable qualité chez Ekinohttp://nissone.com @nissone
EkinoAgence technologique digitalehttp://www.ekino.fr@3k1n0
![Page 44: Accessibilité numérique, mais au fait de quoi on parle ?](https://reader035.vdocuments.mx/reader035/viewer/2022062617/54c6ed534a795942768b45bf/html5/thumbnails/44.jpg)