Master Design d'interface multimédia et internet Université Paris 13

1. Accessibilité du Web :
intérêt et standards
María Inés LAITANO
mariaines.laitano@univ-paris13.fr
1

2. Plan
1. La diversité dans l'utilisation du Web
2. Qu'est-ce que l'accessibilité du Web ?
3. Pourquoi est elle importante ?
4. L’approche du W3C
5. Règles pour l'accessibilité des contenus Web (WCAG) 2.0
6. Accessibilité dans les outils de création
2

3. Surdi-cécité
3
Source de l’image

4. Basse vision
4

5. Motricité des membres supérieurs
Souris adaptée Clavier une
seule main
Reconnaissance
de la voix
Licorne
5

6. Neurodiversité
6
Source de l’image

7. Personnes en situation de handicap
15% de la population mondiale
> 1.000 millions de personnes
(OMS, 2011)
18% des français
12 millions de personnes
(INSEE, 2014)
7

8. Vieillissement de la population en France
Pyramide des âges en 2014 Pyramide des âges en 2060
8
Source : Insee

9. Accessible pour TOUS !
Handicaps
temporaires
Limitations
dus à l'âge
Faible maîtrise
de la langue
Connectivité
limitée
Internautes
débutants
9

10. Loi pour une République numérique
Article 106
• Les services de communication en ligne de l'Etat, des collectivités territoriales, des
établissements publics qui en dépendent, des organismes délégataires d'une
mission de service public, des entreprises dont le chiffre d'affaires excède un
seuil.
• Concerne les sites internet, intranet, extranet, les applications mobiles, les
progiciels et le mobilier urbain numérique.
• Schéma pluriannuel de mise en accessibilité < 3 ans.
• Sanction administrative < 5 000 € par année.
11

11. Google est non-voyant
12
Source de l’image

12. Design accessible = Design pour mobiles
13

13. Mythe du site inesthétique
14

14. La Web Accessibility Initiative (WAI)
15
Utilisable par
personnes en
situation de
handicap
Percevoir
Comprendre
Naviguer
Intéragir
Contribuer

15. Standards de la WAI
16

16. Règles pour l'accessibilité des contenus (WCAG) 2.0
Perceptible
• Proposer des
équivalents
textuels
• Proposer des sous-
titres et versions
de remplacement
• Présenter de
différentes
manières
• Faciliter la lecture
et l'écoute
Utilisable
• Rendre accessible
au clavier
• Laisser
suffisamment de
temps
• Ne pas provoquer
des crises
• Faciliter la
navigation et la
recherche
Compréhensible
• Rendre lisible et
compréhensible
• Proposer des
opérations
prévisibles
• Aider à éviter et
corriger les erreurs
Robuste
• Optimiser la
compatibilité avec
les outils actuels et
futurs
17

17. La structure des WCAG 2.0
Principes
Règles
Critères de succès
Techniques suffisantes et
techniques
recommandées
• perceptible
• utilisable
• compréhensible
• robuste
• objectifs de base
• Niveau A
• Niveau AA
• Niveau AAA
18

18. Exemple de la structure des WCAG 2.0
1. Perceptible
1.4 Distinguable : faciliter la perception visuelle et
auditive du contenu par l'utilisateur […]
 1.4.1 Utilisation de la couleur : la couleur n'est pas
utilisée comme la seule façon de véhiculer de
l'information, d'indiquer une action, de solliciter une
réponse ou de distinguer un élément visuel. Niveau A
 G205 : Fournir une piste textuelle pour les étiquettes de
formulaire colorées
19

19. Les documents des WCAG 2.0
20

20. Les WCAG 2.0 en France
Référentiel général d'accessibilité
pour les administrations (RGAA)
version 3 2017
• Un référentiel de vérification du respect des
standards internationaux WCAG 2.0
• Le niveau légalement attendu est le niveau AA
21

21. Les labels de conformité
À l’international En France
22

22. Coté création
23
Les développeurs de contenu utilisent :
• des outils de création
• des outils d'évaluation

23. Accessibilité dans les outils de création
Photoshop : test daltonisme InDesign : Accessibility Touchup
24
Source de l’image

24. Accessibilité dans les CMS
25
Source de l’image

25. Les outils d'évaluation de l’accessibilité
Ils peuvent :
• Réduire considérablement le temps et
l’effort d’une évaluation
• Déterminer la conformité des critères
qui peuvent être évalués
automatiquement
• Identifier les contrôles qui doivent être
faits manuellement
Ils ne peuvent pas :
• Déterminer l'accessibilité des sites Web
• Déterminer la conformité des critères
qui nécessitent un jugement humain
• Identifier le « vrai » problème (dans
certains cas)
26
Liste d'outils

26. Références et liens utiles
• Convention relative aux droits des personnes handicapées (NU)
• Accessibilité et mobiles
• Règles WCAG 2.0 (en français)
• Référentiel général d'accessibilité pour les administrations (RGAA) version 3 2017
• Télécharger NVDA
• Association BrailleNet
• Choisir un outil d'évaluation de l'accessibilité
27