44
ACCESSIBILITÉ NUMÉRIQUE, MAIS AU FAIT, DE QUOI ON PARLE ? Delphine Malassingne - Ekino @nissone @3k1n0 #accessida y

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

Embed Size (px)

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)

Citation preview

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

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 ?

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 ?

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 ?

1. Qu’est-ce que c’est ?L’ACCESSIBILITÉ NUMÉRIQUE

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

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 ?

Déficience physique

Situation de handicap

HANDICAP ET DÉFICIENCE

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

HANDICAP ET AIDE TECHNIQUE

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

HANDICAP ET AIDE TECHNIQUE

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

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 ?

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 ?

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 ?

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 ?

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 ?

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 ?

« 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 ?

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

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

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 ?

LES GAINS COLLATÉRAUX : L’AUDIENCE

Panne / absence de matériel

100 %

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

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 ?

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 ?

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 ?

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 ?

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 ?

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 ?

Meilleure expérience utilisateur

LES GAINS COLLATÉRAUX

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

3. Comment je m’y prends ?L’ACCESSIBILITÉ NUMÉRIQUE

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

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 ?

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 ?

SE FORMER / FORMER

Formation d’expertsFormation des contributeurs

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

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 ?

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 ?

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 ?

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 ?

C’ESTPOUR TOUS

C’ESTPOUR MOI

C’ESTFAISABL

E

Delphine Malassingne – @nissone

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

Liens et références

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

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 ?

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 ?

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 ?

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

[email protected]

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

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 ?

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 ?

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 ?

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 ?