La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Développer et maintenir un site accessible

Présentations similaires


Présentation au sujet: "Développer et maintenir un site accessible"— Transcription de la présentation:

1 Développer et maintenir un site accessible
8 Mai 2008 – Bell Développer et maintenir un site accessible

2 Présentations d’usage
2 / 83 Bernard Imbert, Ph.D. Membre de la coopérative AccessibilitéWeb Formation Université de Montréal, Ph.D. en informatique Expert certifié en accessibilité du Web Développer et maintenir un site accessible

3 Sommaire de la présentation
3 / 83 >> L’accessibilité, pour qui, pourquoi? Les technologies et l’accessibilité Les types de projet et les impacts L’accessibilité au sien d’une démarche globale Intégration des techniques proposées par le W3C à la méthodologie Contrôles automatiques et manuels de l'accessibilité Les étapes du projet et les impacts sur le processus de gestion Intégrer les divers intervenants dans le processus d’accessibilité Produire ou répondre à un appel d'offre en accessibilité Développer et maintenir un site accessible

4 Sommaire de la présentation
4 / 83 Choisir un outil de conception ou de développement accessible Rédiger une déclaration d’accessibilité Organisation (ou réorganisation) des responsabilités et des tâches Communiquez sur l’accessibilité Outils de formations et supports L'évaluation experte Contrôle externe de la qualité (certification) FAQ décideurs Conclusion de la séance Développer et maintenir un site accessible

5 L’accessibilité, introduction en chiffres
5 / 83 Un droit universel « éliminer les obstacles et barrières et garantir aux personnes handicapées l'accès à leur environnement, aux transports, aux installations et services publics, et aux nouvelles technologies de l'information et de la communication » Article 9, Convention sur les droits des personnes handicapées, Nations Unies Entrée en vigueur de la convention : 3 mai 2008, La convention détient le record du traité négocié le plus rapidement dans l'histoire des lois internationales; fort appui des secteurs publics et privés. Développer et maintenir un site accessible

6 L’accessibilité, pour qui, pourquoi?
6 / 83 Les personnes handicapées, en chiffres « Il est difficile d'estimer le nombre de personnes bénéficiant de l'accessibilité du Web, parce que les pays utilisent différentes méthodes et catégories pour déterminer le nombre de personnes handicapées. De plus, ce ne sont pas tous les handicaps qui affectent l'accessibilité au Web. Il y a également, des conditions qui peuvent ne pas être considérées comme un handicap dans plusieurs pays (par ex. le daltonisme), mais qui affectent l'accessibilité au Web. » WAI, Web Accessibility is a Social Issue Union européenne : (10 % de la population), États-Unis : (6 % de la population), Monde : (10 % de la population). Développer et maintenir un site accessible

7 L’accessibilité, pour qui, pourquoi?
7 / 83 Statistiques et réalités québécoises Les plus récentes statistiques avancées par Statistiques Canada rapportent que le nombre de Québécois vivant avec une incapacité limitant l'accomplissement de leurs activités se situe à près de , soit plus de 10 % de la population. C’est 32 % des Québécois et Québécoises âgés de 65 ans et plus Les personnes handicapées ne constituent pas un groupe homogène. L'accessibilité du Web vise toutes les déficiences, qu'elles soient : visuelles, auditives, motrices, cognitives, neurologiques ou liées à la parole, permanentes ou temporaires. Développer et maintenir un site accessible

8 L’accessibilité, pour qui, pourquoi?
8 / 83 Situations de handicaps Les situations de handicap vécues varient beaucoup selon le type d'incapacité et le niveau de sévérité : incapacité légère ou modérée : 54 %, incapacité grave ou très grave : 46 %. En conséquence, les besoins d'adaptation sont donc différents selon les personnes et les situations. L'accessibilité des sites Web a aussi un impact important pour les personnes de 45 ans et plus qui représentent 43 % de la population totale au Québec (soit un peu plus de 3,2 millions de personnes). Développer et maintenir un site accessible

9 L’accessibilité, pour qui, pourquoi?
9 / 83 Pourquoi est-ce si important ? Les services et communications basés sur le Web ont la capacité d'être accessibles à une plus grande diversité d'individus. Les personnes ayant une déficience physique ont un plus grand intérêt envers l'utilisation du Web. Différents media de communication et leur accessibilité par type d'incapacité Développer et maintenir un site accessible

10 L’accessibilité, pour qui, pourquoi?
10 / 83 Un marché international vierge Étude des Nations Unies (2006) 100 sites Web importants, publics et privés, provenant de 20 pays. 97 % d'échec aux WCAG 1.0, seulement 3 % rencontrent les critères du premier niveau d'accessibilité. Étude de l’Union européenne (2005) 436 sites Web d’administrations publiques des 25 pays membres. Développer et maintenir un site accessible

11 L’accessibilité, pour qui, pourquoi?
11 / 83 Un marché national vierge Étude de la coopérative AccessibilitéWeb (2007) 200 sites Web les plus populaires au Canada francophone (ComScore). seulement 15 % des sites évalués offrent un niveau acceptable d'accessibilité (« bon », « très bon » ou « excellent »). Développer et maintenir un site accessible

12 L’accessibilité, pour qui, pourquoi?
12 / 83 Parmi les sites Web évalués : 99 % comportent du code et des feuilles de styles invalides (c'est-à-dire avec des erreurs) 99 % comportent des contenus ou des fonctions inutilisables sans JavaScript. 96 % comportent des en-têtes non ou mal utilisés. 93 % comportent des formulaires dont les étiquettes sont mal associées ou manquantes. 90 % manquent d'équivalents textuels ou de textes de remplacement (attribut alt) pour certaines images-liens et zones sensibles des images cliquables. 82 % comportent l'utilisation de mesures absolues de police (pixels, points, etc.). 78 % ne comportent pas d'équivalent textuel ni de texte de remplacement aux images, photos et autres éléments graphiques informatifs. Développer et maintenir un site accessible

13 1. L’accessibilité, pour qui, pourquoi?
13 / 83 Les visiteurs du site de votre client : Public cible Informations plus disponible Plus de mobilité Développer et maintenir un site accessible

14 1. L’accessibilité, pour qui, pourquoi?
14/ 83 Votre client : Meilleur Référencement Coûts moindre Augmentation de la clientèle et du trafic Meilleure image corporative Reconnaissance du milieu Développer et maintenir un site accessible

15 1. L’accessibilité, pour qui, pourquoi?
15 / 83 Vous, les fournisseurs de services : Coût réduit Meilleure image corporative Reconnaissance du milieu Plus values Nouveaux mandats Développer et maintenir un site accessible

16 1. L’accessibilité, pour qui, pourquoi?
16 / 83 Les gouvernements : Groupes d’usagers Groupe de pression Poursuites Les standards : WCAG, Section 508, section 255 multimédia, Gouvernement Québec Développer et maintenir un site accessible

17 1. L’accessibilité, pour qui, pourquoi?
17 / 83 Les groupes comme accessibilitéweb : Meilleure pénétration de l’accessibilité Visibilité Certifications Reconnaissance du milieu Développer et maintenir un site accessible

18 Sommaire de la présentation
18 / 83 L’accessibilité, pour qui, pourquoi? >> Les technologies et l’accessibilité Les types de projet et les impacts L’accessibilité au sien d’une démarche globale Intégration des techniques proposées par le W3C à la méthodologie Contrôles automatiques et manuels de l'accessibilité Les étapes du projet et les impacts sur le processus de gestion Intégrer les divers intervenants dans le processus d’accessibilité Produire ou répondre à un appel d'offre en accessibilité Développer et maintenir un site accessible

19 2. Les technologies et l’accessibilité
19 / 83 HTML : Accessibilité mature WCAG 1 répendue WCAG 2 final Documents téléchargeables Sources : word, excel, indesing,etc. Accessibilité est definie comme pour le HTML et les agents utilisateurs (Jazz par exemple) Fichiers téléchargeable : pdf, word, excel, etc. Doit on mettre plusieurs version d’un document? Développer et maintenir un site accessible

20 2. Les technologies et l’accessibilité
20 / 83 Site multimédia : Flash Vidéo Audio Nouvelles technologies ex téléphonie mobile. Développer et maintenir un site accessible

21 Sommaire de la présentation
21 / 83 L’accessibilité, pour qui, pourquoi? Les technologies et l’accessibilité >> Les types de projet et les impacts L’accessibilité au sien d’une démarche globale Intégration des techniques proposées par le W3C à la méthodologie Contrôles automatiques et manuels de l'accessibilité Les étapes du projet et les impacts sur le processus de gestion Intégrer les divers intervenants dans le processus d’accessibilité Produire ou répondre à un appel d'offre en accessibilité Développer et maintenir un site accessible

22 3. Types de projet et impacts sur le processus de gestion
22 / 83 Nouveau site : La prise en compte de l'accessibilité du contenu gagne à être faite dès les premiers stades de conception d'un projet Web. Réponse fréquentes des développeurs après réception d'une évaluation d'accessibilité est qu'il aurait été beaucoup plus facile d'incorporer les changements demandés au début du cycle de vie du site. Intégrer l'accessibilité le plus tôt possible est une économie de temps et d'argent, comparer à des corrections après-coup. Pour par exemple, l'utilisation des bases documentaires, le choix d'un système de gestion de contenus et d'une charte graphique, la définition des cahiers des charges et le choix des prestataires, la politique de formation interne, etc. Développer et maintenir un site accessible

23 3. Types de projet et impacts sur le processus de gestion
23 / 83 Refonte de site : Cela doit être considérer comme un nouveau site. À faire: considérer l’ancien site comme un prototype. Erreur à éviter: réutiliser le contenu de l’ancien site tel quel. Développer et maintenir un site accessible

24 3. Types de projet et impacts sur le processus de gestion
24 / 83 Maintenance de site existant : Deux cas, le site est : Accessible: voir la section maintenance ci-après. Non Accessible : ne pas vouloir refaire le site au complet quand on rentre dans une section, appliquer l’accessibilité quand elle n’entre pas en conflit majeur avec le site existant (ex menu). Développer et maintenir un site accessible

25 Sommaire de la présentation
25 / 83 L’accessibilité, pour qui, pourquoi? Les technologies et l’accessibilité Les types de projet et les impacts >> L’accessibilité au sien d’une démarche globale Intégration des techniques proposées par le W3C à la méthodologie Contrôles automatiques et manuels de l'accessibilité Les étapes du projet et les impacts sur le processus de gestion Intégrer les divers intervenants dans le processus d’accessibilité Produire ou répondre à un appel d'offre en accessibilité Développer et maintenir un site accessible

26 4. Au sien d’une démarche globale
26 / 83 Revoir votre méthodologie pour y inclure l'accessibilité : Utilisez les standards du W3C Considérer l’accessibilité comme un standard comme les autres Objectifs : site accessible jusqu’à quel point Quel standard, nous supportons Quels niveaux du standard Impacts à prévoir: formation et tests Développer et maintenir un site accessible

27 Sommaire de la présentation
27 / 83 L’accessibilité, pour qui, pourquoi? Les technologies et l’accessibilité Les types de projet et les impacts L’accessibilité au sien d’une démarche globale >> Intégration des techniques proposées par le W3C à la méthodologie Contrôles automatiques et manuels de l'accessibilité Les étapes du projet et les impacts sur le processus de gestion Intégrer les divers intervenants dans le processus d’accessibilité Produire ou répondre à un appel d'offre en accessibilité Développer et maintenir un site accessible

28 5. Intégration des techniques proposées par le W3C
28 / 83 Les standards du Web sont des technologies établies par le W3C et d'autres organismes de normalisation pour créer et interpréter du contenu Web. Les standards qui ont déjà pénétrés le marché : CSS et Code valide Langages structurels : XHTML (Extensible Hypertext Markup Language) 1.0 HTML XML (Extensible Markup Language) 1.0 Développer et maintenir un site accessible

29 5. Intégration des techniques proposées par le W3C
29 / 83 Langages de présentation: CSS (Cascading Style Sheets) Level 1 : imprimer une page CSS Level 2 : imprimer une page avec contenu du lien CSS Level 3 (en cours de développement) MathML (Mathematical Markup Language) SVG (Scalable Vector Graphics) Développer et maintenir un site accessible

30 5. Intégration des techniques proposées par le W3C
30 / 83 Modèle d'objet : DOM (Document Object Model) Level 1 DOM Level 2 Langages de script: * ECMAScript 262 (version normalisée de Javascript) Développer et maintenir un site accessible

31 5. Intégration des techniques proposées par le W3C
31 / 83 Les standards en accessibilité : les WCAG, Section 508, section 255 multimédia, Gouvernement Europe 2004, Québec 2009 Développer et maintenir un site accessible

32 5. Intégration des techniques proposées par le W3C
32 / 83 Pourquoi utiliser les standards du Web et ceux en accessibilité?   Développement et maintenance simplifiés : l'utilisation d'un code sémantique et structuré rend la lecture du code, produit par quelqu'un d'autre, beaucoup plus aisée. Compatibilité avec les futurs navigateurs Web : en utilisant un balisage standard, vous diminuez le risque que votre document ne soit plus lisible par les futurs navigateurs Web. Téléchargement et rendu de votre page plus rapide : moins de code HTML. Ce sont des fichiers plus petits et des téléchargements plus rapides. Les navigateurs Web modernes affichent plus vite des pages conformes aux standards que des pages invalides. Développer et maintenir un site accessible

33 5. Intégration des techniques proposées par le W3C
33 / 83 Pourquoi utiliser les standards du Web et ceux en accessibilité?   Meilleure accessibilité : avec le HTML sémantique - où la structure est clairement séparée de la présentation - les lecteurs d'écran et autres navigateurs alternatifs interprètent mieux les pages Web. Meilleur positionnement dans les moteurs de recherche : la séparation de la présentation et du contenu augmente la part de ce dernier dans le poids total de la page. Combinée avec l'utilisation d'un balisage sémantique, elle améliorera le positionnement de votre page dans les moteurs de recherche. Adaptation simplifiée : un document sémantique peut être facilement optimisé pour l'impression ou des navigateurs alternatifs, tels que les PDA ou les téléphones mobiles, en spécifiant simplement une feuille de style différente. Vous pouvez également faire des changements dans la présentation de votre site tout entier en éditant un seul fichier. Développer et maintenir un site accessible

34 Sommaire de la présentation
34 / 83 L’accessibilité, pour qui, pourquoi? Les technologies et l’accessibilité Les types de projet et les impacts L’accessibilité au sien d’une démarche globale Intégration des techniques proposées par le W3C à la méthodologie >> Contrôles automatiques et manuels de l'accessibilité Les étapes du projet et les impacts sur le processus de gestion Intégrer les divers intervenants dans le processus d’accessibilité Produire ou répondre à un appel d'offre en accessibilité Développer et maintenir un site accessible

35 6. Contrôles automatiques et manuels
35 / 83 Développer (ou recourir à) des grilles d'évaluation de l'accessibilité?   Ne pas réinventer la roue: Beaucoup de grille sont déjà disponibles Ne pas changer de grille, sauf cas particulier , pour chaque projet. Votre équipe ne va pas s’y retrouver. Par Exemple: AccessibilitéWeb Grilles de la triennale 2007 : WCAG 1.0 niveau AA avec des points de niveaux AAA. Il s’agit du niveau que nous considérons comme un requis pour un site accessible. Développer et maintenir un site accessible

36 6. Contrôles automatiques et manuels
36 / 83 Distinctions entre les différents types de points de contrôle à évaluer   Les points de contrôle automatiques Les images ont-elles un équivalent textuel non vide : alt Si on considère la triennale de 2007 A : 7 auto et AA 8 Autos Les points de contrôle manuels Les équivalents textuels des images sont ils significatifs? Les titres des pages sont ils significatifs ?. Développer et maintenir un site accessible

37 6. Contrôles automatiques et manuels
37 / 83 É-VA l'outil d'évaluation offert par AccessibilitéWeb   Les points de contrôle semi automatique Développer et maintenir un site accessible

38 6. Contrôles automatiques et manuels
38 / 83 É-VA l'outil d'évaluation offert par AccessibilitéWeb   Les points de contrôle semi automatique Développer et maintenir un site accessible

39 6. Contrôles automatiques et manuels
39 / 83 É-VA l'outil d'évaluation offert par AccessibilitéWeb   Tests automatiques [16] Priorité 1 [A] Images, Images-liens, Boutons-images, Zones cliquables, Images cliquables, Titre des cadres, Source des cadres, Section <noscript> Total : 8 Priorité 2 [AA] Titres <h1> à <h6>, Ordre logique des titres, Association des libellés, CSS, Éléments déconseillés, Balises invalides, Actualisation ou redirection, Section <noframes> Développer et maintenir un site accessible

40 6. Contrôles automatiques et manuels
40 / 83 É-VA l'outil d'évaluation offert par AccessibilitéWeb   Tests semi-automatiques [16] Priorité 1 [A] Attribut « longdesc », Applets, Objets, Fichiers audio, Fichiers vidéo (aide audio), Liens redondants des images cliquables, Accessibilité des documents PDF, Scripts Total : 8 Priorité 2 [AA] Élément <title>, Fichiers vidéo (aide texte), Tableaux de mise en page, Événements de script, Description de la fonction des cadres, Équivalence de la section <noframes>, Liens identiques Total : 7 Priorité 3 [AAA] Langue principale Total : 1 Développer et maintenir un site accessible

41 Sommaire de la présentation
41 / 83 L’accessibilité, pour qui, pourquoi? Les technologies et l’accessibilité Les types de projet et les impacts L’accessibilité au sien d’une démarche globale Intégration des techniques proposées par le W3C à la méthodologie Contrôles automatiques et manuels de l'accessibilité >> Les étapes du projet et les impacts sur le processus de gestion Intégrer les divers intervenants dans le processus d’accessibilité Produire ou répondre à un appel d'offre en accessibilité Développer et maintenir un site accessible

42 7. Les étapes du projet et les impacts sur le processus de gestion
42 / 83 Rencontre client   Le client est sensible à l’accessibilité demandez lui ses raisons, rappelez le niveau visé, et complétez les avantages associés il ne l’est pas présenter le niveau que vous visez et les avantages associés Dans tous les cas Documents de communication externe à développer Développer et maintenir un site accessible

43 7. Les étapes du projet et les impacts sur le processus de gestion
43 / 83 Conception   Conception du contenu Organisation du contenu Gestions des menus Options propres à l’accessibilité : sauter les menus, politique d’accessibilité, recherche etc Impacts : Sensibilisation et formation Documents de communication interne à développer Développer et maintenir un site accessible

44 7. Les étapes du projet et les impacts sur le processus de gestion
44 / 83 Conception du visuel   Sensibilisation sur : les contrastes, Organisation des sections (div) La taille des caractères Mise à jour de la procédure de travail et du contrôle de la qualité (le design proposé est accessible) Disponibilité des outils Impacts : Procédures de travail et aspect humain Documents de communication interne à développer, outils à rendre disponibles, formation Développer et maintenir un site accessible

45 7. Les étapes du projet et les impacts sur le processus de gestion
45 / 83 Fonctionnalités et technologies   Attention au effet de mode : Est-ce que la technologie apporte une réelle plus value au projet Ex Ajax Impacts : procédures de travail Connaissances des standards à utiliser Disponibilité des outils Formation Documents de communication interne à développer Développer et maintenir un site accessible

46 7. Les étapes du projet et les impacts sur le processus de gestion
46 / 83 Développement et intégration   Choix de compagnie : mise en œuvre des standards   Impacts : procédures de travail Connaissances des standards à utiliser Disponibilité des outils Formation Documents de communication interne à développer Développer et maintenir un site accessible

47 7. Les étapes du projet et les impacts sur le processus de gestion
47 / 83 Assurance qualité   Parent pauvre du développement   Impacts : Ressources humaines Mettre le temps et les bonnes ressources Connaissances des standards à utiliser Disponibilité des outils Formation Documents de communication interne à développer Développer et maintenir un site accessible

48 7. Les étapes du projet et les impacts sur le processus de gestion
48 / 83 Déploiement de la solution   Identique à un site non accessible  Impacts : aucun Développer et maintenir un site accessible

49 7. Les étapes du projet et les impacts sur le processus de gestion
49 / 83 Maintenance du site   Des fonctionnalités du site : voir ci-dessus   Maintenance du contenu - mise à jour du site Par votre compagnie : intégrateur Par le clients lui même Grille d’impacts de votre cms sur l’accessibilité du site ( ex alt, cliquez ici, documents joints) Banque heures pour validation des contenus Proposer une formation au client pour ses webmestres Penser à une certification qui donne une date de validité et un mécanisme de réévaluation (mandat récurent) Développer et maintenir un site accessible

50 Sommaire de la présentation
50 / 83 L’accessibilité, pour qui, pourquoi? Les technologies et l’accessibilité Les types de projet et les impacts L’accessibilité au sien d’une démarche globale Intégration des techniques proposées par le W3C à la méthodologie Contrôles automatiques et manuels de l'accessibilité Les étapes du projet et les impacts sur le processus de gestion >> Intégrer les divers intervenants dans le processus d’accessibilité Produire ou répondre à un appel d'offre en accessibilité Développer et maintenir un site accessible

51 8. Intégrer les divers intervenants dans le processus d’accessibilité
51 / 83 Les gestionnaires   Sensibilisation Post mortem d’un projet livré accessible de niveau X Développer et maintenir un site accessible

52 8. Intégrer les divers intervenants dans le processus d’accessibilité
52 / 83 Les ergonomes   Mêmes objectifs, même job, outils et mesurables et outils différents Développer et maintenir un site accessible

53 8. Intégrer les divers intervenants dans le processus d’accessibilité
53 / 83 Les directeurs artistiques et les graphistes   Connaissances de l’intégration au général Perception comme une bride artistique couleur, les contrastes, la taille des caractères Pensez aux Css alternatifs (ex haut contraste, tailles différentes ) Développer et maintenir un site accessible

54 8. Intégrer les divers intervenants dans le processus d’accessibilité
54 / 83 Les développeurs   Ils aiment l’accessibilité Mises en place de bonnes pratiques : Les formulaires, redirections Tendance à se garocher dans les nouvelles technologies : Ajax Développer et maintenir un site accessible

55 8. Intégrer les divers intervenants dans le processus d’accessibilité
55 / 83 Les intégrateurs   Ils aiment l’accessibilité Mises en place de bonnes pratiques Pour les intégrateurs, cela se concrétise par un code plus propre et plus simple, donc aussi plus léger et plus souple. Des documents plus lisibles, plus simples à coder et à mettre à jour. La souplesse apportée par la séparation contenu/présentation est l'un des arguments clés de la migration vers le respect des standards. Développer et maintenir un site accessible

56 8. Intégrer les divers intervenants dans le processus d’accessibilité
56 / 83 Les testeurs   Grille de tests et outils Eva – fourni un gabarit de test Les testeurs experts Développer et maintenir un site accessible

57 8. Intégrer les divers intervenants dans le processus d’accessibilité
57 / 83 Le client   Contenu (ex cliquez ici) Organisation du contenu Maintenance du contenu – mise à jour du site Grille d’impact du cms sur l’accessibilité du site – banque heures pour validation Développer et maintenir un site accessible

58 Sommaire de la présentation
58 / 83 L’accessibilité, pour qui, pourquoi? Les technologies et l’accessibilité Les types de projet et les impacts L’accessibilité au sien d’une démarche globale Intégration des techniques proposées par le W3C à la méthodologie Contrôles automatiques et manuels de l'accessibilité Les étapes du projet et les impacts sur le processus de gestion Intégrer les divers intervenants dans le processus d’accessibilité >> Produire ou répondre à un appel d'offre en accessibilité Développer et maintenir un site accessible

59 9. Produire ou répondre à un appel d'offre en accessibilité
59 / 83 Spécifier les standards utilisés généralement Utiliser du (X)HTML valide Un code HTML valide est le premier pas vers une meilleure compatibilité avec les navigateurs et un meilleur rendu sur leurs dernières versions Utiliser massivement des CSS valides Les feuilles de style liées permettent une présentation parfaitement séparée de la structure des pages de votre site, et vous permettent de changer rapidement sa présentation et son rendu. Elles garantissent aussi que chacun pourra ajuster le rendu à ses besoins et à ses goûts. Utiliser HTTP proprement Utiliser la sémantique des Tags Assurez-vous que chaque page de votre site est accessible via une adresse fixe (URL) et que les propriétés du cache HTTP sont définies correctement. Utiliser PNG pour la partie graphique Développer et maintenir un site accessible

60 9. Produire ou répondre à un appel d'offre en accessibilité
60 / 83 Spécifier les méthodologies utilisées pour l’accessibilité Préciser le standard utilisé : WCAG par exemple Préciser le niveau d’accessibilité à atteindre dans ce standard AA avec x points du AAA . Donnez la grille qui devrait être utilisée Précisez les agents utilisateurs sur lesquels fonctionnent ou a été testé le site et leurs versions Précisez le processus de validation interne : nommer vos experts Précisez le processus de validation externe : identifier vos experts externes Précisez le processus de certification utilisé Mettre en référence des sites développés ayant ce niveau Développer et maintenir un site accessible

61 Sommaire de la présentation
61 / 83 >> Choisir un outil de conception ou de développement accessible Rédiger une déclaration d’accessibilité Communiquez sur l’accessibilité Organisation (ou réorganisation) des responsabilités et des tâches Outils de formations et supports L'évaluation experte Contrôle externe de la qualité (certification) FAQ décideurs Conclusion de la séance Développer et maintenir un site accessible

62 10. Choisir un outil de conception ou de développement accessible
62 / 83 Module : Évaluation technique d’accessibilité d’un site Présentation d'outils pour du code et des contenus accessibles Logiciels auteurs intègrent certaines facilités Visual studio, Dreamweaver Barres d’outils firefox Firefox Accessibility Extension [ Web Developer pour Firefox (en français) [ Plug-in pour l'évaluation des couleurs dans Firefox [ Ces outils gratuits premettront d’accomplir les tests manuels nécessaires à l’évaluation. Développer et maintenir un site accessible

63 10. Choisir un outil de conception ou de développement accessible
63 / 83 Outils utilisés dans les solutions d'adaptation Logiciels agent utilisateur textuel Lynx logiciel de grossissement de texte AppReader ZoomText Logiciel de lecture d’écran Jaws Exercer une pression sur les développeurs d'outils de conception Développer et maintenir un site accessible

64 Sommaire de la présentation
64 / 83 Choisir un outil de conception ou de développement accessible >> Rédiger une déclaration d’accessibilité Communiquez sur l’accessibilité Organisation (ou réorganisation) des responsabilités et des tâches Outils de formations et supports L'évaluation experte Contrôle externe de la qualité (certification) FAQ décideurs Conclusion de la séance Développer et maintenir un site accessible

65 11. Rédiger une déclaration d’accessibilité
65 / 83 Pour ou contre la déclaration d’accessibilité? Les opinions divergent. A qui s’adresse la déclaration d’accessibilité? Personnes avec une déficience Le reste du monde La page "politique d’accessibilité" est l’endroit idéal pour aider les visiteurs à accéder à votre site. La plupart de ces pages sont trop techniques et ne satisfont pas nécessairement aux besoins du visiteur. Celles qui répondent aux besoins du visiteur présentent souvent les informations utiles perdues dans une myriade d’autres, peu susceptibles d’être comprises par le visiteur moyen. Que faudrait-il, et ne faudrait-il pas, inclure dans une déclaration d’accessibilité ? Développer et maintenir un site accessible

66 11. Rédiger une déclaration d’accessibilité
66 / 83 Les éléments que doivent contenir la déclaration d’accessibilité? Politique d’accessibilité Typiquement, une déclaration d’accessibilité présente une vue d’ensemble des dispositifs d’accessibilité mis en application sur un site Web. Malheureusement, la plupart des déclarations se concentrent sur les aspects techniques, qui auront très peu de signification pour la majorité des visiteurs du site. Les aspects techniques auront un sens si votre site est destiné aux développeurs et aux webdesigneurs, mais si votre site vise le grand public, la déclaration d’accessibilité devrait mettre en évidence les meilleures moyens d’accès à votre site, de manière compréhensible par votre public cible. La première partie d’une déclaration d’accessibilité, et la plus importante, devrait montrer votre engagement face à l’accessibilité, et proposer des moyens de contact avec le responsable du site aux personnes qui rencontreraient des problèmes. Par exemple : La compagnie s’est engagé à veiller à ce que ce site soit accessible à tous. Si vous avez des questions ou des suggestions concernant l’accessibilité du site, n’hésitez pas à nous contacter, nous désirons continuellement améliorer l’expérience de tous les visiteurs. Développer et maintenir un site accessible

67 11. Rédiger une déclaration d’accessibilité
67 / 83 Les éléments que doivent contenir la déclaration d’accessibilité? Moyens mis en œuvre pour faciliter l’accessibilité Pour aider réellement vos visiteurs, et les assurer qu’ils tireront le meilleur parti du Web en général, il est essentiel que vous expliquiez l’utilisation des mesures d’accessibilité que vous avez mises en œuvre. Expliquer comment les visiteurs peuvent adapter la taille du texte est plus utile que de signaler que celles-ci sont spécifiées en taille relative. Si vous avez inclus des liens relatifs pour faciliter la navigation, expliquez comment ils peuvent être utilisés par les visiteurs de votre site. Bénéfiques pour les utilisateurs de navigateur texte, ces techniques le sont aussi pour les utilisateurs de navigateurs graphiques comme Mozilla ou Opera. Si vous avez prévu le choix d’une feuille de style, expliquez comment la choisir. Développer et maintenir un site accessible

68 11. Rédiger une déclaration d’accessibilité
68 / 83 Les éléments que doivent contenir la déclaration d’accessibilité? Obstacles à l’accessibilité Ceci est une partie qui est rarement présente dans une déclaration d’accessibilité. La raison principale, c’est probablement que les auteurs n’aiment pas admettre que des zones de leur site soient inaccessibles en dépit de tous leurs efforts. Le but de cette section n’est pas d’admettre vos échecs mais d’expliquer comment une personne peut accéder aux parties de votre site qui pourraient lui être inaccessible. Par exemple, si une section du site utilise une technologie qui pourrait ne pas être accessible à tous les visiteurs, c’est là que vous pourriez diriger ceux-ci vers une version accessible du contenu. Le plus important, c’est que les visiteurs de votre site puissent signaler les problèmes qu’ils pourraient rencontrer, et apprendre comment tirer le meilleur parti de votre site. Développer et maintenir un site accessible

69 Sommaire de la présentation
69 / 83 Choisir un outil de conception ou de développement accessible Rédiger une déclaration d’accessibilité >> Communiquez sur l’accessibilité Organisation (ou réorganisation) des responsabilités et des tâches Outils de formations et supports L'évaluation experte Contrôle externe de la qualité (certification) FAQ décideurs Conclusion de la séance Développer et maintenir un site accessible

70 12. Communiquez sur l’accessibilité
70 / 83 Procédures à envisager Développer une politique organisationnelle Choisir pour vos livraisons et vos sites internes un standard et un niveau d’accessibilité à atteindre Etablir un échéancier pour atteindre ces standards et niveau choisi Développer un plan de communication Interne et externe : vos employés et vos clients (réunion, communiqué de presse, etc.) Votre compagnie soutient l’accessibilité Votre compagnie est un chef de file québécois et canadien en accessibilité Développer et maintenir un site accessible

71 Sommaire de la présentation
71 / 83 Choisir un outil de conception ou de développement accessible Rédiger une déclaration d’accessibilité Communiquez sur l’accessibilité >> Organisation (ou réorganisation) des responsabilités et des tâches Outils de formations et supports L'évaluation experte Contrôle externe de la qualité (certification) FAQ décideurs Conclusion de la séance Développer et maintenir un site accessible

72 13. Organisation (ou réorganisation) des responsabilités et des tâches
72 / 83 Intégrer l’accessibilité Établissez les responsabilités Identifiez dans chaque département les personnes les plus ouvertes au changement et à l’accessibilité Offrez des formations: assurez vous qu’une connaissance de l’accessibilité est disponible à chaque étape de la production d’un site Web Identifiez vos experts en accessibilité : Offrez des mises à jour à vos experts Permettre la veille technologique et la diffusion de la veille technologique Ex Captcha, Mobile Développer et maintenir un site accessible

73 Sommaire de la présentation
73 / 83 Choisir un outil de conception ou de développement accessible Rédiger une déclaration d’accessibilité Communiquez sur l’accessibilité Organisation (ou réorganisation) des responsabilités et des tâches >> Outils de formations et supports L'évaluation experte Contrôle externe de la qualité (certification) FAQ décideurs Conclusion de la séance Développer et maintenir un site accessible

74 14. Outils de formations et supports
74 / 83 Formation et environnement Mettre en place une base de connaissances Mettre en place un forum interne Faire une série de bons exemples et de mauvais exemples Mettre en place un plan de formation et de transfert de connaissance Validation interne finale par un spécialiste en contrôle qualité compétent. Reconnaissance du titre d’expert en accessibilité Développer et maintenir un site accessible

75 Sommaire de la présentation
75 / 83 Choisir un outil de conception ou de développement accessible Rédiger une déclaration d’accessibilité Communiquez sur l’accessibilité Organisation (ou réorganisation) des responsabilités et des tâches Outils de formations et supports >> L'évaluation experte Contrôle externe de la qualité (certification) FAQ décideurs Conclusion de la séance Développer et maintenir un site accessible

76 Vos experts sont vos ressources clés
15. L'évaluation experte 76 / 83 Difficultés Evaluer le degré d'accessibilité d'un site Web nécessite davantage que ne peut fournir un outil automatisé. L'évaluation exige en effet une compréhension approfondie des technologies Web, des outils de validation, des directives d'accessibilité, des aides techniques et des agents utilisateurs, ainsi que des stratégies auxquelles recourent les personnes handicapées dans leur usage du Web Compte-tenu des capacités limitées de l'évaluation automatisée et du coût croissant que représenterait l'évaluation experte menée à grand échelle, le passage à l'industrialisation du Web exige le recourt à une approche mixte, tirant parti de la rapidité des outils automatisé et de la pertinence du jugement humain : une approche semi-automatisée de l'évaluation d'accessibilité autoriserait ce compromis entre coût et efficacité. Vos experts sont vos ressources clés Développer et maintenir un site accessible

77 Sommaire de la présentation
77 / 83 Choisir un outil de conception ou de développement accessible Rédiger une déclaration d’accessibilité Communiquez sur l’accessibilité Organisation (ou réorganisation) des responsabilités et des tâches Outils de formations et supports L'évaluation experte >> Contrôle externe de la qualité (certification) FAQ décideurs Conclusion de la séance Développer et maintenir un site accessible

78 16. Contrôle externe et certification
78 / 83 Services de consultation externe pour la production de diagnostics de sites Certifié ou non ? Certifié par qui ? Evidemment AccessibilitéWeb Développer et maintenir un site accessible

79 Sommaire de la présentation
79 / 83 Choisir un outil de conception ou de développement accessible Rédiger une déclaration d’accessibilité Communiquez sur l’accessibilité Organisation (ou réorganisation) des responsabilités et des tâches Outils de formations et supports L'évaluation experte Contrôle externe de la qualité (certification) >> FAQ décideurs Conclusion de la séance Développer et maintenir un site accessible

80 17. FAQ décideurs 80 / 83 Le passage aux standards va-t-il me faire dépenser de l'argent, quand et sur quels postes budgétaires ? Oui. Voici quelques postes sur lequel vous pouvez prévoir d'investir : formation (à court terme) ; temps de développement (à court terme) ; communication interne et externe (à court et moyen terme). Développer et maintenir un site accessible

81 17. FAQ décideurs 81 / 83 Le passage aux standards va-t-il me faire gagner de l'argent, quand et sur quel postes budgétaires ? Oui, voici quelques postes sur lequel vous pouvez rapidement gagner : augmentation de la visibilité (meilleur maîtrise du référencement des sites, à moyen et long terme) ; diminution de la facture d'hébergement (à court terme) ; diminution du temps de développement (à moyen et long terme) ; Développer et maintenir un site accessible

82 17. FAQ décideurs 82 / 83 Le passage aux standards va-t-il me faire gagner de l'argent, quand et sur quel postes budgétaires ? Suite : augmentation de la cible potentielle des sites (à court terme) ; augmentation de la réutilisabilité (à court, moyen et long terme) ; prise de nouveaux marchés et avantage concurrentiel pour les agences Web, eu égard notamment au respect de l'exigence de conformité qui apparaît de plus en plus fréquemment sur les cahiers des charges, notamment publics (à court, moyen et long terme) ; adoption à moindre coût des technologies émergeantes à forte valeur ajoutée, telle la syndication de contenu (à court terme). Développer et maintenir un site accessible

83 Merci de votre attention. Des questions?
83 /83 Merci de votre attention. Des questions? Pour toute information complémentaire au sujet de l’accessibilité des sites Web pour les personnes handicapées ou autres sujets connexes, n’hésitez pas à nous contacter directement au : Développer et maintenir un site accessible

84 A1. Présentation des WCAG
Les WCAG 1.0 Valent pour « Web Content Accessibility Guidelines » Furent publiés en 1999 par la Web Accessibility Initiative, un groupe de travail issu du World Wide Web Consortium (W3C) Comprennent 14 règles, 65 points de contrôle et 3 niveaux de priorité Sont classés ainsi en fonction de leur impact sur l'accessibilité. Développer et maintenir un site accessible

85 A1. Présentation des WCAG
Le niveau de priorité 1 (ou A) Correspond au niveau d'accessibilité le plus élémentaire Indique ce que les développeurs de contenus doivent faire Sinon, l'accès à certains contenus sera impossible à un ou plusieurs groupes d'utilisateurs Concerne 16 des 65 points de contrôle des WCAG 1.0 Développer et maintenir un site accessible

86 A1. Présentation des WCAG
Le niveau de priorité 2 (ou AA) Correspond à un niveau d'accessibilité intermédiaire Indique ce que les développeurs de contenus devraient faire Sinon, l'accès à certains contenus sera difficile à un ou plusieurs groupes d'utilisateurs Concerne 30 des 65 points de contrôle des WCAG 1.0 Développer et maintenir un site accessible

87 A1. Présentation des WCAG
Le niveau de priorité 3 (ou AAA) Correspond au niveau d'accessibilité le plus avancé Indique ce que les développeurs de contenus pourraient faire Sinon, l'accès à certains contenus sera malaisé à un ou plusieurs groupes d'utilisateurs Concerne 19 des 65 points de contrôle des WCAG 1.0 Développer et maintenir un site accessible

88 A1. Présentation des WCAG
Appropriation de la connaissance Les documents normatifs se trouvent sur le site du W3C : Vulgarisation de ces documents avec reclassement par thèmes : Développer et maintenir un site accessible

89 A2. Accessibilité au gouv du Québec
Une démarche structurante Afin de favoriser l’intégration et la particpation sociale des personnes handicapées au Québec, le gouvernement provincial a amorcé en 2007 une démarche de standardisation face à l’accessibilité des sites Web. Cette démarche a vu la mise sur pied d’un comité interministériel composé de 25 ministères et organismes voués à la mise en accessibilité du projet de gouvernement en ligne. La résultante de cette démarche prend la forme d’un document normatif circonscrivant comment doit être développé un site par ou pour le gouvernement afin que celui-ci réponde aux exigences élémentaires en matière d’accessibilité. Développer et maintenir un site accessible

90 A2. Accessibilité au gouv du Québec
Vers un gouvernement en ligne accessible à tous et toutes Prévu pour être déposé au Conseil du Trésor en janvier 2009, ce standard devrait être rapidement approuvé et entrer en vigueur au cours du printemps de la même année. Cette prise de position gouvernementale face à l’accessibilité créera un précédent majeur en matière de représentation des droits des personnes handicapées sur Internet au Québec. Les entreprises conscientisées, soucieuses de leur image et intéressées à faire affaire avec le gouvernement auront tout intérêt à suivre le développement de ces travaux afin d’être proactifs, donner l’exemple et, lorsque pertinent, répondre aux attentes gouvernementales. Développer et maintenir un site accessible

91 A3. Bénéfices liés à l’accessibilité du Web
Cas d’utilisation pour se mettre en appétit Afin d’appuyer les chiffres qui suivent sur un cas d’utilisation concret, citons des constats issus de la mise en accessibilité récente du site « Legal and General », un leader des services financiers au Royaume-Uni : Réduction de 75 % dans le délai d'affichage des pages; 66 % d'économie annuelle sur les coûts de maintenance; 90 % d'économie sur le temps nécessaire à la gestion du site Web; Retour sur investissement complet réalisé en 5 mois seulement (au lieu des 12 mois initialement prévus). Pas mal en matière d’optimisation de la performance... mais il y a plus! Développer et maintenir un site accessible

92 A3. Bénéfices liés à l’accessibilité du Web
Réduction des coûts d’adaptation des documents papier À titre d’exemple, une page imprimée représente environ 3,5 pages braille dont le coût de transcription correspond à 4,00 $ la page. Le coût de reproduction est de 0,30 $ la page. Pour la version audio, il faut compter environ 8,00 $ par page imprimée, le coût de reproduction d'un CD audio étant négligeable. Pour un rapport annuel de 200 pages, on peut estimer les coûts de la non- accessibilité à : Transcription braille : 2 800,00 $ Reproduction (10 copies) : 2 100,00 $ Production audio : 1 600,00 $ Développer et maintenir un site accessible

93 A3. Bénéfices liés à l’accessibilité du Web
Réduction des coûts d'exploitation reliés à la multiplication des versions d'un même site selon les logiciels ou les types de matériel utilisés Traditionnellement, pour être utilisable sous plusieurs configurations différentes, un site Web devait être réécrit en tout ou en partie pour répondre aux exigences respectives des navigateurs et des plateformes. Les principes d’accessibilité permettent, avec une version unique, de répondre aux besoins et attentes de tous les utilisateurs ainsi que de leurs outils d’adaptation, entraînant du coup des économies d’échelle importantes lors du développement des interfaces Web de vos sites. Développer et maintenir un site accessible

94 A3. Bénéfices liés à l’accessibilité du Web
Réduction des coûts de mise à niveau lors de migrations vers de nouvelles technologies informatiques Les mises à jour de navigateurs sont souvent cauchemardesques pour un site Web. Le support de plus en plus fiable des standards par les navigateurs a cependant pour effet que l’interprétation d’une mise en page qui s’affichait correctement la veille peut se déconstruire soudainement lorsqu’une nouvelle version d’un navigateur entre en jeu. Les coûts de correction et d’adaptation peuvent parfois s’avérer très importants lorsque les pages sont construites sans aucune considération pour les standards du W3C, dont notamment l’accessibilité. Développer et maintenir un site accessible

95 A3. Bénéfices liés à l’accessibilité du Web
Réduction des coûts de maintenance et de refontes Pour l’institution de services financiers Legal & General, le recours à un PGC (CMS) conforme aux standards du W3C et à l’accessibilité a permis une réorganisation du travail à l’interne qui a mené, dans un temps record, à une économie annuelle s’élevant à livres Sterling. En dollars canadiens, cela équivaut à une économie d’environ ,00 $ pour une seule année! Pour l’entreprise, cette réduction des coûts de maintenance suite à la refonte représente 66 % d’économie face à leurs dépenses habituelles liées au Web. Développer et maintenir un site accessible

96 A3. Bénéfices liés à l’accessibilité du Web
Réduction des coûts liés à la bande passante compte tenu de l’optimisation du code source Pour le site Web américain ESPN.com, une refonte conforme aux standards du W3C et à l’accessibilité en 2004 s’est traduite par une optimisation du poids de la page d’accueil se chiffrant à 50 kilo-octets. Avec 40 millions de pages vues par jour, cette optimisation représente une réduction annuelle projetée de 730 tera-octets de bande passante (soit giga-octets). À raison d’un coût moyen de 12,00 $ USD le giga, l’économie en bande passante de ce petit 50 kilo-octets se traduit par une somme colossale d’environ 9 millions de dollars par année! Développer et maintenir un site accessible


Télécharger ppt "Développer et maintenir un site accessible"

Présentations similaires


Annonces Google