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

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 »ὁ


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 ?


De l'évaluation comme méthode de base pour l'accessibilité numérique


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


Processus d'évaluationselon WCAG-EM

http://www.w3.org/TR/WCAG-EM/

1 2 3 4 5

1. Objectifet périmètre

2. Explorationdu site

3. Échantillon 4. Évaluation 5. Rapport

http://www.w3.org/TR/WCAG-EM/


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


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)


Indicateurs et statistiques : le scoring en question


Indicateurs quantitatifs

● Mesure de la conformité : ● à l'échelle du site● page par page

● Mesure de la quantité de travail : ● décompte par instance


ATTENTION !

● Un site respectant 80 % des critères d'accessibilité n'est pas accessible à 80 % !

80 % conforme ≠ 80 % accessible


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


L'accessibilité au sein d'un projet web : mise en pratique


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)


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

http://fr.slideshare.net/Qelios/mipaw-modle-dimplmentation-progressive-de-laccessibilit-du-web


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

http://blog.temesis.com/post/2012/02/24/Mipaw-et-Accessibility-first-step

https://checklists.opquast.com/fr/accessibilityfirststep/workshops/status/validate


AcceDe Web

Le projet AcceDe Web : http://accede-web.com

http://accede-web.com/


L'accessibilité dans la vraie vie : partage d'expérience

Contexte et objectif


Objectif : amélioration d'un ensemble d'applications

(essentiellement intranet – environnement maîtrisé)


Amélioration d'un ensemble d'applications


1.Audits

2.Mise en place d'indicateurs

3.Sensibilisation pour tous les agents

4.Formations ciblées par profils


Amélioration d'un ensemble d'applications


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


Objectif : valoriser sa démarcheLabellisation Argent


Valoriser sa démarcheLabellisation 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


Objectif : améliorer l'accessibilité lors de la refonte du site


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


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


Objectif : améliorer l'accessibilité sur la durée


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)


Conclusion :une question de contexte,

la formation au centre


Attention à ne pas être « Ridicule »


Méthode = boîte à outils


Ne jamais perdre de vue l'objectif :l'accès pour tous les utilisateurs


Une question ?

● [email protected]● Twitter : @armonyaltinier

mailto:[email protected]


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/

http://acs-horizons.fr/

http://creativecommons.org/licenses/by-sa/2.0/fr/


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

http://openclipart.org/people/wsnaccad/wsnaccad_SIGN_POST.svg

http://upload.wikimedia.org/wikipedia/commons/archive/4/44/20100301020339!Gnome-preferences-desktop-accessibility.svg

http://openclipart.org/people/purzen/purzen_Icon_with_question_mark.svg

http://fr.slideshare.net/Qelios/mipaw-modle-dimplmentation-progressive-de-laccessibilit-du-web-fean-2012

http://accede-web.com/fr/notices

http://openclipart.org/people/bogdanco/bogdanco_Toolkit.svg

http://openclipart.org/people/technoargia/technoargia_Bulle_droite_question.svg

Technology

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