2e
partie : Évaluer et mettre en œuvre
de façon concrète l'accessibilité
Gestion de projets : intégrer l'accessibilité dans un
projet web, méthode et enjeux.
Armony ALTINIER, ACS Horizons
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 2
Méthode
« Manière de conduire sa pensée ou de faire
quelque chose suivant certains principes et avec un
certain ordre. »
Étymologie (grec ancien)
μετά, metá : « après, qui suit »
δός, hodós : « chemin, voie »ὁ
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 3
Existe-t-il une gestion de projets propre à
l'accessibilité, en tant que métier, ou s'agit-il au
contraire d'intégrer l'accessibilité dans les méthodes
existantes, et auquel cas, comment faire ?
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 4
De l'évaluation comme méthode de base
pour l'accessibilité numérique
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 5
Méthodologie(s) d'évaluation :
les référentiels
● WCAG 2 : « LA » référence internationale, norme
ISO-IEC (40500:2012)
● AccessiWeb : une méthode francophone d'évaluation
de la conformité à WCAG
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 6
Processus d'évaluation
selon WCAG-EM
http://www.w3.org/TR/WCAG-EM/
1 2 3 4 5
1. Objectif
et périmètre
2. Exploration
du site
3. Échantillon 4. Évaluation 5. Rapport
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 7
Les rapports selon WCAG-EM
Rapport basique :
Conformités et échecs à l'échelle du site
Rapport détaillé :
Rapport basique
+
conformités et échecs page par page
Rapport
en profondeur :
Rapport détaillé
+
Partie décideurs
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 8
Le rapport selon AccessiWeb
1.Synthèse décideurs : non technique, pédagogique
2.Annexe technique détaillée, page par page (avec
suggestions de réparation)
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 9
Indicateurs et statistiques :
le scoring en question
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 10
Indicateurs quantitatifs
● Mesure de la conformité :
● à l'échelle du site
● page par page
● Mesure de la quantité de travail :
● décompte par instance
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 11
ATTENTION !
● Un site respectant 80 % des critères d'accessibilité
n'est pas accessible à 80 % !
80 % conforme ≠ 80 % accessible
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 12
Indicateurs qualitatifs
● Mesure de l'accessibilité :
● 3 niveaux : A, AA, AAA
● identification des points bloquant l'accès
● Notion de contenu ou fonctionnalité « critique »
● Indicateurs chiffrés à inventer : connaissance
experte des conséquences utilisateurs
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 13
L'accessibilité au sein d'un projet web :
mise en pratique
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 14
Méthodologies existantes ou en cours
● Le plus important d'abord : accès à l'information -
MIPAW (BrailleNet/Qelios)
● Le plus facile d'abord : tirer partie de
l'automatisation, pas à pas - Accessibility Steps
(Temesis)
● Répartition des critères par profil métier - AcceDe
Web (Atalan)
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 15
MIPAW : modèle d'implémentation
progressive de l'accessibilité du Web
Présentation de MIPAW sur Slideshare :
http://fr.slideshare.net/Qelios/mipaw-modle-dimplmentation-progressive-de-laccessibilit-du-web
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 16
Accessibility Steps
1.First Step : pour vérifier automatiquement tout ce
qui constitue une erreur d'accessibilité immédiate ;
2.Second Step : permet de vérifier automatiquement
tout ce qui crée un risque d'inaccessibilité ;
3.Third Step : pour améliorer l'accessibilité d'un site
à travers les alternatives et les contenus eux-
mêmes.
Source : http://blog.temesis.com/post/2012/02/24/Mipaw-et-Accessibility-first-step
Voir aussi : https://checklists.opquast.com/fr/accessibilityfirststep/workshops/status/validate
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 17
AcceDe Web
Le projet AcceDe Web : http://accede-web.com
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 18
L'accessibilité dans la vraie vie :
partage d'expérience
Contexte et objectif
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 19
Objectif : amélioration
d'un ensemble d'applications
(essentiellement intranet – environnement maîtrisé)
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 20
Amélioration
d'un ensemble d'applications
(essentiellement intranet – environnement maîtrisé)
1.Audits
2.Mise en place d'indicateurs
3.Sensibilisation pour tous les agents
4.Formations ciblées par profils
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 21
Amélioration
d'un ensemble d'applications
(essentiellement intranet – environnement maîtrisé)
Indicateurs : 3 niveaux de priorité combinant
difficulté et accès à l'info
● niveau 1 RENDRE ACCESSIBLE : facile et
indispensable ;
● niveau 2 TROUVER UNE ALTERNATIVE
ACCEPTABLE : indispensable pour accessibilité mais
pas trivial à mettre en place
● niveau 3 PLUS TARD : pas urgent, certaines fonctions
gadget pas vraiment utiles
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 22
Objectif : valoriser sa démarche
Labellisation Argent
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 23
Valoriser sa démarche
Labellisation Argent
1.Formation contributeurs
2.Formation avancée d'une salariée
3.Audit en interne
4.Mise en conformité du site : refonte totale moins
coûteuse que corrections
5.Labellisation
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 24
Objectif : améliorer l'accessibilité
lors de la refonte du site
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 25
Améliorer l'accessibilité
lors de la refonte du site
1.Rédaction du cahier des charges et sélection du
prestataire (note accessibilité)
2.Audits à mi-parcours transmis au maître d'œuvre
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 26
Améliorer l'accessibilité
lors de la refonte du site
Conduite du changement :
➢ Comprendre le bénéfice pour l'utilisateur peut
convaincre les plus réfractaires
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 27
Objectif : améliorer
l'accessibilité sur la durée
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 28
Améliorer
l'accessibilité sur la durée
1.Sensibilisation-formation pour tous les membres
du service : un langage commun
2.Spécialisation de certains membres
3.Mise en place de modèles de sites
(gabarits accessibles)
4.Accompagnement ponctuel sur un projet
5.Formation des contributeurs (dont sous-traitant)
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 29
Conclusion :
une question de contexte,
la formation au centre
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 30
Attention à ne pas être « Ridicule »
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 31
Méthode = boîte à outils
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 32
Ne jamais perdre de vue l'objectif :
l'accès pour tous les utilisateurs
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 33
Une question ?
● armony@acs-horizons.fr
● Twitter : @armonyaltinier
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 34
Licence et crédits
● Textes et images d'Armony
Altinier, sous licence CC-BY-SA
France 2.0+
● Vous êtes libres de faire ce que
vous voulez à condition de citer
l'auteure et de mettre un lien vers
le site http://acs-horizons.fr
● Vous devez conserver la licence
CC-BY-SA France 2.0+
http://creativecommons.org/licenses/by-sa/2.0/fr/
16 avril 2013 Armony Altinier - CRAW - Lausanne 2013 35
Crédits images de tiers
Les images suivantes ne sont pas créées par Armony Altinier, merci de vous
reporter à leurs conditions d'utilisation :
● Indication du chemin par wsnaccad sur Open Clipart : http://openclipart.org/people/wsnaccad/wsnaccad_SIGN_POST.svg
● Gnome Accessibility sur Wikimedia Commons :
http://upload.wikimedia.org/wikipedia/commons/archive/4/44/20100301020339!Gnome-preferences-desktop-accessibility.svg
●
Question par purzen sur Open Clipart : http://openclipart.org/people/purzen/purzen_Icon_with_question_mark.svg
● MIPAW : http://fr.slideshare.net/Qelios/mipaw-modle-dimplmentation-progressive-de-laccessibilit-du-web-fean-2012
● AcceDe Web : http://accede-web.com/fr/notices
● Ridicule, film de Patrice Leconte - Image trouvée sur cinetom.fr
●
Toolkit par Bogdanco sur Open Clipart : http://openclipart.org/people/bogdanco/bogdanco_Toolkit.svg
●
Accès pour tous : création de Julie Tolomelli à partir d'une idée originale d'Armony Altinier
● Question par technoargia sur Open Clipart : http://openclipart.org/people/technoargia/technoargia_Bulle_droite_question.svg

Intégrer l'accessibilité dans ses projets web - CRAW 2013

  • 1.
    2e partie : Évalueret mettre en œuvre de façon concrète l'accessibilité Gestion de projets : intégrer l'accessibilité dans un projet web, méthode et enjeux. Armony ALTINIER, ACS Horizons
  • 2.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 2 Méthode « Manière de conduire sa pensée ou de faire quelque chose suivant certains principes et avec un certain ordre. » Étymologie (grec ancien) μετά, metá : « après, qui suit » δός, hodós : « chemin, voie »ὁ
  • 3.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 3 Existe-t-il une gestion de projets propre à l'accessibilité, en tant que métier, ou s'agit-il au contraire d'intégrer l'accessibilité dans les méthodes existantes, et auquel cas, comment faire ?
  • 4.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 4 De l'évaluation comme méthode de base pour l'accessibilité numérique
  • 5.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 5 Méthodologie(s) d'évaluation : les référentiels ● WCAG 2 : « LA » référence internationale, norme ISO-IEC (40500:2012) ● AccessiWeb : une méthode francophone d'évaluation de la conformité à WCAG
  • 6.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 6 Processus d'évaluation selon WCAG-EM http://www.w3.org/TR/WCAG-EM/ 1 2 3 4 5 1. Objectif et périmètre 2. Exploration du site 3. Échantillon 4. Évaluation 5. Rapport
  • 7.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 7 Les rapports selon WCAG-EM Rapport basique : Conformités et échecs à l'échelle du site Rapport détaillé : Rapport basique + conformités et échecs page par page Rapport en profondeur : Rapport détaillé + Partie décideurs
  • 8.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 8 Le rapport selon AccessiWeb 1.Synthèse décideurs : non technique, pédagogique 2.Annexe technique détaillée, page par page (avec suggestions de réparation)
  • 9.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 9 Indicateurs et statistiques : le scoring en question
  • 10.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 10 Indicateurs quantitatifs ● Mesure de la conformité : ● à l'échelle du site ● page par page ● Mesure de la quantité de travail : ● décompte par instance
  • 11.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 11 ATTENTION ! ● Un site respectant 80 % des critères d'accessibilité n'est pas accessible à 80 % ! 80 % conforme ≠ 80 % accessible
  • 12.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 12 Indicateurs qualitatifs ● Mesure de l'accessibilité : ● 3 niveaux : A, AA, AAA ● identification des points bloquant l'accès ● Notion de contenu ou fonctionnalité « critique » ● Indicateurs chiffrés à inventer : connaissance experte des conséquences utilisateurs
  • 13.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 13 L'accessibilité au sein d'un projet web : mise en pratique
  • 14.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 14 Méthodologies existantes ou en cours ● Le plus important d'abord : accès à l'information - MIPAW (BrailleNet/Qelios) ● Le plus facile d'abord : tirer partie de l'automatisation, pas à pas - Accessibility Steps (Temesis) ● Répartition des critères par profil métier - AcceDe Web (Atalan)
  • 15.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 15 MIPAW : modèle d'implémentation progressive de l'accessibilité du Web Présentation de MIPAW sur Slideshare : http://fr.slideshare.net/Qelios/mipaw-modle-dimplmentation-progressive-de-laccessibilit-du-web
  • 16.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 16 Accessibility Steps 1.First Step : pour vérifier automatiquement tout ce qui constitue une erreur d'accessibilité immédiate ; 2.Second Step : permet de vérifier automatiquement tout ce qui crée un risque d'inaccessibilité ; 3.Third Step : pour améliorer l'accessibilité d'un site à travers les alternatives et les contenus eux- mêmes. Source : http://blog.temesis.com/post/2012/02/24/Mipaw-et-Accessibility-first-step Voir aussi : https://checklists.opquast.com/fr/accessibilityfirststep/workshops/status/validate
  • 17.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 17 AcceDe Web Le projet AcceDe Web : http://accede-web.com
  • 18.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 18 L'accessibilité dans la vraie vie : partage d'expérience Contexte et objectif
  • 19.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 19 Objectif : amélioration d'un ensemble d'applications (essentiellement intranet – environnement maîtrisé)
  • 20.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 20 Amélioration d'un ensemble d'applications (essentiellement intranet – environnement maîtrisé) 1.Audits 2.Mise en place d'indicateurs 3.Sensibilisation pour tous les agents 4.Formations ciblées par profils
  • 21.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 21 Amélioration d'un ensemble d'applications (essentiellement intranet – environnement maîtrisé) Indicateurs : 3 niveaux de priorité combinant difficulté et accès à l'info ● niveau 1 RENDRE ACCESSIBLE : facile et indispensable ; ● niveau 2 TROUVER UNE ALTERNATIVE ACCEPTABLE : indispensable pour accessibilité mais pas trivial à mettre en place ● niveau 3 PLUS TARD : pas urgent, certaines fonctions gadget pas vraiment utiles
  • 22.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 22 Objectif : valoriser sa démarche Labellisation Argent
  • 23.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 23 Valoriser sa démarche Labellisation Argent 1.Formation contributeurs 2.Formation avancée d'une salariée 3.Audit en interne 4.Mise en conformité du site : refonte totale moins coûteuse que corrections 5.Labellisation
  • 24.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 24 Objectif : améliorer l'accessibilité lors de la refonte du site
  • 25.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 25 Améliorer l'accessibilité lors de la refonte du site 1.Rédaction du cahier des charges et sélection du prestataire (note accessibilité) 2.Audits à mi-parcours transmis au maître d'œuvre
  • 26.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 26 Améliorer l'accessibilité lors de la refonte du site Conduite du changement : ➢ Comprendre le bénéfice pour l'utilisateur peut convaincre les plus réfractaires
  • 27.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 27 Objectif : améliorer l'accessibilité sur la durée
  • 28.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 28 Améliorer l'accessibilité sur la durée 1.Sensibilisation-formation pour tous les membres du service : un langage commun 2.Spécialisation de certains membres 3.Mise en place de modèles de sites (gabarits accessibles) 4.Accompagnement ponctuel sur un projet 5.Formation des contributeurs (dont sous-traitant)
  • 29.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 29 Conclusion : une question de contexte, la formation au centre
  • 30.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 30 Attention à ne pas être « Ridicule »
  • 31.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 31 Méthode = boîte à outils
  • 32.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 32 Ne jamais perdre de vue l'objectif : l'accès pour tous les utilisateurs
  • 33.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 33 Une question ? ● armony@acs-horizons.fr ● Twitter : @armonyaltinier
  • 34.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 34 Licence et crédits ● Textes et images d'Armony Altinier, sous licence CC-BY-SA France 2.0+ ● Vous êtes libres de faire ce que vous voulez à condition de citer l'auteure et de mettre un lien vers le site http://acs-horizons.fr ● Vous devez conserver la licence CC-BY-SA France 2.0+ http://creativecommons.org/licenses/by-sa/2.0/fr/
  • 35.
    16 avril 2013Armony Altinier - CRAW - Lausanne 2013 35 Crédits images de tiers Les images suivantes ne sont pas créées par Armony Altinier, merci de vous reporter à leurs conditions d'utilisation : ● Indication du chemin par wsnaccad sur Open Clipart : http://openclipart.org/people/wsnaccad/wsnaccad_SIGN_POST.svg ● Gnome Accessibility sur Wikimedia Commons : http://upload.wikimedia.org/wikipedia/commons/archive/4/44/20100301020339!Gnome-preferences-desktop-accessibility.svg ● Question par purzen sur Open Clipart : http://openclipart.org/people/purzen/purzen_Icon_with_question_mark.svg ● MIPAW : http://fr.slideshare.net/Qelios/mipaw-modle-dimplmentation-progressive-de-laccessibilit-du-web-fean-2012 ● AcceDe Web : http://accede-web.com/fr/notices ● Ridicule, film de Patrice Leconte - Image trouvée sur cinetom.fr ● Toolkit par Bogdanco sur Open Clipart : http://openclipart.org/people/bogdanco/bogdanco_Toolkit.svg ● Accès pour tous : création de Julie Tolomelli à partir d'une idée originale d'Armony Altinier ● Question par technoargia sur Open Clipart : http://openclipart.org/people/technoargia/technoargia_Bulle_droite_question.svg