Accessibilité d'internet - webassoc 29 janvier 2015

29 janvier 2015 29 janvier 2015

Accessibilité numérique : ini9a9on, recommanda9ons & bonnes pra9ques

-‐-‐

Audrey ViBecoq-‐Laporte Responsable qualité web – Ecedi


TITRE DE LA SLIDE IDÉE REÇUE :

L’ACCESSIBILITÉ NUMÉRIQUE C’EST POUR LES HANDICAPÉS

?


TITRE DE LA SLIDE HANDICAP VS. DÉFICIENCE

Déficience physique

Situa9on de handicap


TITRE DE LA SLIDE HANDICAP ET AIDE TECHNIQUE

Lecteur vocal LuneBes


TITRE DE LA SLIDE HANDICAP ET AIDE TECHNIQUE


TITRE DE LA SLIDE HANDICAP ET CONTEXTE


TITRE DE LA SLIDE

DÉFINITIONS

L’ACCESSIBILITÉ NUMÉRIQUE


TITRE DE LA SLIDE

L’ACCESSIBILITÉ NUMÉRIQUE C’EST POUR LES HANDICAPÉS

PERSONNES EN SITUATION DE HANDICAP


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


TITRE DE LA SLIDE

QUELS BÉNÉFICES ?



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


TITRE DE LA SLIDE ATOUTS…

•  Portabilité

•  SEO

•  U9lisabilité

•  Démarche gra9fiante

•  Respect de la loi

•  Fidélisa9on


TITRE DE LA SLIDE

COMMENT S’Y PRENDRE ?



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


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


TITRE DE LA SLIDE

EXEMPLES



TITRE DE LA SLIDE

•  Ne pas véhiculer l’informa9on par la couleur uniquement

COULEURS


TITRE DE LA SLIDE COULEURS – QUELQUES ALTERNATIVES POSSIBLES

U9liser des pictos



U9liser des légendes contextuelles



Rappeler les valeurs dans les légendes


TITRE DE LA SLIDE IMAGES

•  Images décora9ves -‐-‐> pas d’alterna9ve textuelle

•  Images porteuses d’informa9ons -‐-‐> alterna9ve textuelle


TITRE DE LA SLIDE IMAGES

Alterna9ve textuelle : ABen9on au contexte !

VS.


MERCI

Audrey ViBecoq-‐Laporte TwiBer : @AudVL

Mail : [email protected]


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

Accessibilité d'internet - webassoc 29 janvier 2015

Government & Nonprofit