A11y pas à pas

1 510 vues

Publié le

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

Publié dans : Technologie
0 commentaire
3 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
1 510
Sur SlideShare
0
Issues des intégrations
0
Intégrations
64
Actions
Partages
0
Téléchargements
17
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

A11y pas à pas

  1. 1. L’accessibilité du Web, c’est « le Web pour tous » ! Le 9 octobre 2012 au Cégep de Sainte-FoyL’accessibilité pas à pasAurélien LevyCEO - Temesis
  2. 2. Qualité et accessibilité web depuis 200011 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. 3. Les problématiques1. 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. 4. La solution de l’amélioration continue1. Commencer petit pour devenir grand2. Indicateurs et tableau de bord3. Répartir et prioriser les tâches correctives par profils4. Evaluation formative 3
  5. 5. Commencer petit pour devenir grand« Pas à pas vers les WCAG2 » des listes de consignes pourles 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. 6. Exemple• tout contenu non-textuel présenté à lutilisateur a-t-il un équivalent textuel qui remplit une fonction équivalente ?• Utiliser un attribut alt pour l’élément img• Ne pas utiliser dattribut alt vide si lélément est le seul enfant dun élément a ou button 5
  7. 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 lattribut target avec la valeur _blank pour lélément a 6
  8. 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. 9. Exemple• Baromètre qualité web ministères (France)http://temesis-etudes.opquast.net/barometers/qualite-ministeresÀ venir accessibilité des Ministèreset organismes publics du Québec (novembre) 8
  10. 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. 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 1 0
  12. 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. 13. Exemple• Opquast Desktop (extension Firefox open source) https://addons.mozilla.org/fr/firefox/addon/opquast- desktop/• Evaluation à 4 mains 1 2
  14. 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

×