14
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

A11y pas à pas

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: A11y pas à pas

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 LevyCEO - Temesis

Page 2: A11y pas à pas

Qualité et accessibilité web depuis 200011 personnes en télétravail (France, Québec,

Belgique)Membre du W3C

2

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

Page 3: A11y pas à pas

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 ?

Page 4: A11y pas à pas

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

Page 5: A11y pas à pas

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/accessibilitysecondstep Les risques à anticiper (semi automatiques)

Page 6: A11y pas à pas

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

Page 7: A11y pas à pas

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

Page 8: A11y pas à pas

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

Page 9: A11y pas à pas

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)

Page 10: A11y pas à pas

10

Répartir et prioriser les tâches

• Déterminer les tâches correctives

• Répartir et estimer pour chaque profil

• Prioriser et mutualiser

Page 11: A11y pas à pas

11

Exemple

• Liste tâches correctives

• Répartition des responsabilités BOEWhttp://wet-boew.github.com/wet-boew/demos/arb-rra/arb-rra-fra.html

Page 12: A11y pas à pas

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

Page 13: A11y pas à pas

13

Exemple

• Opquast Desktop (extension Firefox open source)https://addons.mozilla.org/fr/firefox/addon/opquast-desktop/

• Evaluation à 4 mains

Page 14: A11y pas à pas

14

Questions ?

18, rue Lucien Granet - 33150 Cenon - FranceTél. : +33 (0)5 56 401 [email protected]