Embed Size (px)
Citation preview
29 janvier 2015 29 janvier 2015
Accessibilité numérique : ini9a9on, recommanda9ons & bonnes pra9ques
-‐-‐
Audrey ViBecoq-‐Laporte Responsable qualité web – Ecedi
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE IDÉE REÇUE :
L’ACCESSIBILITÉ NUMÉRIQUE C’EST POUR LES HANDICAPÉS
?
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE HANDICAP VS. DÉFICIENCE
Déficience physique
Situa9on de handicap
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE HANDICAP ET AIDE TECHNIQUE
Lecteur vocal LuneBes
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE HANDICAP ET AIDE TECHNIQUE
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE HANDICAP ET CONTEXTE
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE
DÉFINITIONS
L’ACCESSIBILITÉ NUMÉRIQUE
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
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
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE
QUELS BÉNÉFICES ?
L’ACCESSIBILITÉ NUMÉRIQUE
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
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE ATOUTS…
• Portabilité
• SEO
• U9lisabilité
• Démarche gra9fiante
• Respect de la loi
• Fidélisa9on
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE
COMMENT S’Y PRENDRE ?
L’ACCESSIBILITÉ NUMÉRIQUE
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE RÉFÉRENTIELS ET MÉTHODES D’APPLICATION
W3C
DISIC Association BrailleNet
Inte
rnat
iona
l WAI Groupe dédié à l’accessibilité
émet la spécification
Méthodes d’application françaises
Consortium définissant les standards du web
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
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE
EXEMPLES
L’ACCESSIBILITÉ NUMÉRIQUE
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE
• Ne pas véhiculer l’informa9on par la couleur uniquement
COULEURS
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE COULEURS – QUELQUES ALTERNATIVES POSSIBLES
U9liser des pictos
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE COULEURS – QUELQUES ALTERNATIVES POSSIBLES
U9liser des légendes contextuelles
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE COULEURS – QUELQUES ALTERNATIVES POSSIBLES
Rappeler les valeurs dans les légendes
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE IMAGES
• Images décora9ves -‐-‐> pas d’alterna9ve textuelle
• Images porteuses d’informa9ons -‐-‐> alterna9ve textuelle
29 janvier 2015 29 janvier 2015
TITRE DE LA SLIDE IMAGES
Alterna9ve textuelle : ABen9on au contexte !
VS.
29 janvier 2015 29 janvier 2015
MERCI
Audrey ViBecoq-‐Laporte TwiBer : @AudVL
Mail : [email protected]
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
