Le document aborde l'importance de l'accessibilité web en proposant une approche progressive pour améliorer les pratiques des équipes de développement. Il présente des problématiques courantes, la nécessité de prioriser les tâches et l'usage d'indicateurs pour suivre les progrès. Des exemples concrets et des ressources sont fournis pour aider les intégrateurs à rendre le web accessible à tous.

1. L’accessibilité du Web, c’est « le Web pour tous » !
Le 9 octobre 2012 au Cégep de Sainte-Foy
L’accessibilité pas à pas
Aurélien Levy
CEO - Temesis

2. Qualité et accessibilité web depuis 2000
11 personnes en télétravail (France, Québec, Belgique)
Membre du W3C
Moi ?
• Expert Accessiweb en 2004
• Rédacteur du Référentiel Général d’Accessibilité pour
les Administrations (RGAA)
• Co-créateur liste de discussion Accesstech
1

3. Les problématiques
1. Où sont les consignes de développement claires ?
2. Comment motiver les équipes
et rendre visible le chemin accompli ?
3. Quelle priorité choisir ?
4. Comment monter en compétences
avec peu de temps et d’argent ?
2

4. La solution de l’amélioration continue
1. Commencer petit pour devenir grand
2. Indicateurs et tableau de bord
3. Répartir et prioriser les tâches correctives par profils
4. Evaluation formative
3

5. Commencer petit pour devenir grand
« Pas à pas vers les WCAG2 » des listes de consignes pour
les intégrateurs :
1. http://checklists.opquast.com/fr/accessibilityfirststep
Les erreurs à ne pas commettre et les choses à faire
(totalement automatiques)
2. http://checklists.opquast.com/fr/accessibilitysecondste
p
Les risques à anticiper (semi automatiques)
4

6. Exemple
• tout contenu non-textuel présenté à l'utilisateur a-t-il
un équivalent textuel qui remplit une fonction
équivalente ?
• Utiliser un attribut alt pour l’élément img
• Ne pas utiliser d'attribut alt vide si l'élément est le seul
enfant d'un élément a ou button
5

7. Exemple
• la fonction de chaque lien est-elle déterminée par le
texte du lien seul ou par le texte du lien associé à un
contexte du lien déterminé par un programme
informatique, sauf si la fonction du lien est ambiguë
pour tout utilisateur ?
• Utiliser avec précaution l'attribut target avec la valeur
_blank pour l'élément a
6

8. Indicateurs et tableau de bord
• Rendre visible la démarche et les efforts
• Susciter la concurrence
• Fixer des objectifs restreints en continu
• Collégialité de la démarche
7

9. Exemple
• Baromètre qualité web ministères (France)
http://temesis-etudes.opquast.net/barometers/qualite-
ministeres
À venir accessibilité des Ministères
et organismes publics du Québec (novembre)
8

10. Répartir et prioriser les tâches
• Déterminer les tâches correctives
• Répartir et estimer pour chaque profil
• Prioriser et mutualiser
9

11. Exemple
• Liste tâches correctives
• Répartition des responsabilités BOEW
http://wet-boew.github.com/wet-boew/demos/arb-
rra/arb-rra-fra.html
1
0

12. L’évaluation formative
• Mettre à disposition des outils de test simples
• Intégrer les outils le plus en amont possible
• Fournir le matériel pédagogique au moment opportun
et en quantité limité
• Parler dans le langage de la cible
1
1

13. Exemple
• Opquast Desktop (extension Firefox open source)
https://addons.mozilla.org/fr/firefox/addon/opquast-
desktop/
• Evaluation à 4 mains
1
2

14. Questions ?
18, rue Lucien Granet -
33150 Cenon - France
Tél. : +33 (0)5 56 401 402
www.temesis.com
aurelien.levy@temesis.com
1
3