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)

1. ACCESSIBILITÉ NUMÉRIQUE,
MAISAUFAIT,DE QUOI ON PARLE?
Delphine Malassingne -Ekino
@nissone
@3k1n0
#accessiday

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. Qu’est-ce que c’est ?
À quoi ça(me) sert ?
Comment je m’y prends?
PLAN

4. 1. Qu’est-ceque c’est ?
L’ACCESSIBILITÉNUMÉRIQUE

5. IDÉE REÇUE :
L’ACCESSIBILITÉ NUMÉRIQUE
C’EST POUR LES HANDICAPÉS ?
?

6. Déficience
physique
Situation
de handicap
HANDICAP ET DÉFICIENCE

7. HANDICAP ET AIDE TECHNIQUE

8. HANDICAP ET AIDE TECHNIQUE

9. HANDICAP ET CONTEXTE
Àpropos descontrastes, voir:http://www.ekino.com/a-propos-du-contraste-de-couleurs-de-texte

10. IDÉE REÇUE :
L’ACCESSIBILITÉ NUMÉRIQUE
C’EST POUR LES HANDICAPÉS ?
?

11. L’ACCESSIBILITÉ NUMÉRIQUE
L’ACCESSIBILITÉ NUMÉRIQUE
C’EST POUR LES HANDICAPÉS
PERSONNES
EN SITUATION DE HANDICAP

12. INTERNET
Code livréàdesmachinesqui
transmettentà unhumain
Code disponibleà desrobotsqui
exécutentdestâchesautomatiques
indexation
Fluxd’information

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. 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. «Servir contenuetfonctionnalités
d’unsiteoud’uneapplication
quelquesoit
lecadred’utilisationdel’internaute
(matériel,logiciel,contextuel).»
Sébastien Delorme,Delphine Malassingne
L’ACCESSIBILITÉ NUMÉRIQUE

16. 2. À quoi ça (me) sert ?
L’ACCESSIBILITÉNUMÉRIQUE

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. LES GAINS COLLATÉRAUX:
L’AUDIENCE
Panne/ absencedematériel
100%

19. LES GAINS COLLATÉRAUX:
UTILISABILITÉ
Accessibilité et utilisabilité
vont dans une même
direction :
celle de l’utilisateur

20. LES GAINS COLLATÉRAUX:
PORTABILITÉ DES DONNÉES
L’accessibilité par son essence même
est une approche multi-devices

21. LES GAINS COLLATÉRAUX:
ACCESSIBILITÉ ET SEO
Exposer l’ensemble des contenu
(page de maillage, etc.)

22. LES GAINS COLLATÉRAUX:
L’IMAGE DE MARQUE
Démarche citoyenne
La démarche
plutôt que le
résultat

23. LES GAINS COLLATÉRAUX:
APPLICATION DE LALOI
Loi 2005
Initiatives au Parlementeuropéen
Attention à la
discrimination

24. LES GAINS COLLATÉRAUX
Voiraussi : http://blog.temesis.com/post/2014/05/12/L-accessibilite-un-outil-de-comprehension-du-Web

25. Meilleure
expérience utilisateur
LES GAINS COLLATÉRAUX

26. 3. Commentje m’y prends ?
L’ACCESSIBILITÉNUMÉRIQUE

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. 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. SE FORMER/ FORMER
Formationd’experts
Formationdes contributeurs

30. Prestatairequalifié
Prestatairespécialisé
Outils
SE FAIREAIDER
• http://accede-web.com/fr/

31. S’OUTILLER
Accessiweb
BPdu web Opquast
> Accessibilité
EasyChecks
FirstsSteps
Ocawa(Urbilog)
OpquastReporting
Tanaguru
et…testsutilisateurs

32. Démarcheet intentions
Labellisationetconformité
Accessiweb
RGAA
COMMUNIQUER
Accessibilité technique
et
accessibilité
des contenus

33. SUIVRE L’ACTUALITÉ
http://delphinem.github.io/AccessibiliteNumeriqueDeQuoiOnParle/
Listesdediffusions:
conversationsd’experts/ aidedesexpertsaux
débutants
Blogd’experts-passionnés
Sitesderéférence

34. C’EST
POUR TOUS
C’EST
POUR MOI
C’EST
FAISABLE
DelphineMalassingne– @nissone

35. Liens et références

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. 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. 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. 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. 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. 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. 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. CONTACT
Delphine Malassingne
Responsable qualité chez Ekino
http://nissone.com
@nissone
Ekino
Agence technologique digitale
http://www.ekino.fr
@3k1n0