Cette communication présente la méthode et les outils à notre disposition pour mettre en œuvre l'accessibilité sur vos projets web existants ou à venir. Bien que basée sur le standard international Web Content Accessibilité Guidelines (WCAG) du World Wide Web Consortium (W3C), cette méthode « steps to WCAG » ou « pas à pas vers le WCAG » reste totalement transposable aux standards SGQRI 008 d’accessibilité du Web du gouvernement du Québec. Elle vous permettra d'apprendre progressivement à ne pas faire appel à un expert inutilement et, surtout, à améliorer concrètement la qualité de vos productions Web de manière continue.
En effet, un site satisfaisant 100% des exigences des standards SGQRI 008 ne sera pas pour autant sans aucun défaut (pages non testées, ajouts ultérieurs, etc) ou 100% accessible (handicap cognitifs notamment). Face à cette montagne de travail, il est donc nécessaire de prioriser et de répartir tout cela de manière agile et équilibrée entre les intervenants
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