Présentation de ce qu'est l'accessibilité pour les sites internet, qui ca concerne, solutions... par Audrey Vittecoq-Laporte, responsable qualité, pour webassoc lors de sa journée sur les innovations utiles aux associations

1. 29
janvier
2015
29
janvier
2015
Accessibilité
numérique
:
ini9a9on,
recommanda9ons
&
bonnes
pra9ques
-­‐-­‐
Audrey
ViBecoq-­‐Laporte
Responsable
qualité
web
–
Ecedi

2. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
IDÉE
REÇUE
:
L’ACCESSIBILITÉ
NUMÉRIQUE
C’EST
POUR
LES
HANDICAPÉS
?

3. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
HANDICAP
VS.
DÉFICIENCE
Déficience
physique
Situa9on
de
handicap

4. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
HANDICAP
ET
AIDE
TECHNIQUE
Lecteur
vocal
LuneBes

5. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
HANDICAP
ET
AIDE
TECHNIQUE

6. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
HANDICAP
ET
CONTEXTE

7. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
DÉFINITIONS
L’ACCESSIBILITÉ
NUMÉRIQUE

8. 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

9. 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

10. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
QUELS
BÉNÉFICES
?
L’ACCESSIBILITÉ
NUMÉRIQUE

11. 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

12. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
ATOUTS…
• Portabilité
• SEO
• U9lisabilité
• Démarche
gra9fiante
• Respect
de
la
loi
• Fidélisa9on

13. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
COMMENT
S’Y
PRENDRE
?
L’ACCESSIBILITÉ
NUMÉRIQUE

14. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
RÉFÉRENTIELS
ET
MÉTHODES
D’APPLICATION
W3C
DISIC Association BrailleNet
International
WAI
Groupe dédié à
l’accessibilité
émet
la spécification
Méthodes d’application françaises
Consortium
définissant les
standards du
web

15. 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

16. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
EXEMPLES
L’ACCESSIBILITÉ
NUMÉRIQUE

17. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
• Ne
pas
véhiculer
l’informa9on
par
la
couleur
uniquement
COULEURS

18. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
COULEURS
–
QUELQUES
ALTERNATIVES
POSSIBLES
U9liser
des
pictos

19. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
COULEURS
–
QUELQUES
ALTERNATIVES
POSSIBLES
U9liser
des
légendes
contextuelles

20. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
COULEURS
–
QUELQUES
ALTERNATIVES
POSSIBLES
Rappeler
les
valeurs
dans
les
légendes

21. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
IMAGES
• Images
décora9ves
-­‐-­‐>
pas
d’alterna9ve
textuelle
• Images
porteuses
d’informa9ons
-­‐-­‐>
alterna9ve
textuelle

22. 29
janvier
2015
29
janvier
2015
TITRE
DE
LA
SLIDE
IMAGES
Alterna9ve
textuelle
:
ABen9on
au
contexte
!
VS.

23. 29
janvier
2015
29
janvier
2015
MERCI
Audrey
ViBecoq-­‐Laporte
TwiBer
:
@AudVL
Mail
:
aviBecoq.laporte@ecedi.fr

24. 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