Accessibilité du Web :
intérêt et standards
María Inés LAITANO
mariaines.laitano@univ-paris13.fr
1
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
Surdi-cécité
3
Source de l’image
Basse vision
4
Motricité des membres supérieurs
Souris adaptée Clavier une
seule main
Reconnaissance
de la voix
Licorne
5
Neurodiversité
6
Source de l’image
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
Vieillissement de la population en France
Pyramide des âges en 2014 Pyramide des âges en 2060
8
Source : Insee
Accessible pour TOUS !
Handicaps
temporaires
Limitations
dus à l'âge
Faible maîtrise
de la langue
Connectivité
limitée
Internautes
débutants
9
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
Google est non-voyant
12
Source de l’image
Design accessible = Design pour mobiles
13
Mythe du site inesthétique
14
La Web Accessibility Initiative (WAI)
15
Utilisable par
personnes en
situation de
handicap
Percevoir
Comprendre
Naviguer
Intéragir
Contribuer
Standards de la WAI
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
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
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
Les documents des WCAG 2.0
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
Les labels de conformité
À l’international En France
22
Coté création
23
Les développeurs de contenu utilisent :
• des outils de création
• des outils d'évaluation
Accessibilité dans les outils de création
Photoshop : test daltonisme InDesign : Accessibility Touchup
24
Source de l’image
Accessibilité dans les CMS
25
Source de l’image
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
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

Accessibilité du Web : intérêt et standards

  • 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.
  • 4.
  • 5.
    Motricité des membressupérieurs Souris adaptée Clavier une seule main Reconnaissance de la voix Licorne 5
  • 6.
  • 7.
    Personnes en situationde 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 lapopulation 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 uneRé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.
  • 12.
    Design accessible =Design pour mobiles 13
  • 13.
    Mythe du siteinesthétique 14
  • 14.
    La Web AccessibilityInitiative (WAI) 15 Utilisable par personnes en situation de handicap Percevoir Comprendre Naviguer Intéragir Contribuer
  • 15.
  • 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 desWCAG 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 lastructure 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 desWCAG 2.0 20
  • 20.
    Les WCAG 2.0en 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 deconformité À l’international En France 22
  • 22.
    Coté création 23 Les développeursde contenu utilisent : • des outils de création • des outils d'évaluation
  • 23.
    Accessibilité dans lesoutils de création Photoshop : test daltonisme InDesign : Accessibility Touchup 24 Source de l’image
  • 24.
    Accessibilité dans lesCMS 25 Source de l’image
  • 25.
    Les outils d'évaluationde 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 liensutiles • 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