html5-img
1 / 96

Développer et maintenir un site accessible

Développer et maintenir un site accessible. 8 Mai 2008 – Bell. 1.877.315.5550. 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.

kirestin-battle
Download Presentation

Développer et maintenir un site accessible

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Présentationsd’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 1.877.315.5550

  3. Sommairede 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é 1.877.315.5550

  4. Sommairede 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 1.877.315.5550

  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. 1.877.315.5550

  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 : 39 000 000 (10 % de la population), • États-Unis : 54 000 000 (6 % de la population), • Monde : + 650 000 000 (10 % de la population). 1.877.315.5550

  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 800 000, 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. 1.877.315.5550

  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). 1.877.315.5550

  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é 1.877.315.5550

  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. • 97 % d'échec aux WCAG 1.0, • seulement 3 % rencontrent les critères du premier niveau d'accessibilité. 1.877.315.5550

  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 »). 1.877.315.5550

  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. 1.877.315.5550

  13. 1. L’accessibilité, pour qui, pourquoi? 13/ 83 • Les visiteurs du site de votre client : • Public cible • Informations plus disponible • Plus de mobilité 1.877.315.5550

  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 1.877.315.5550

  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 1.877.315.5550

  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 1.877.315.5550

  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 1.877.315.5550

  18. Sommairede 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é 1.877.315.5550

  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? 1.877.315.5550

  20. 2. Les technologies et l’accessibilité 20/ 83 • Site multimédia : • Flash • Vidéo • Audio • Nouvelles technologies • ex téléphonie mobile. 1.877.315.5550

  21. Sommairede 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é 1.877.315.5550

  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. 1.877.315.5550

  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. 1.877.315.5550

  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). 1.877.315.5550

  25. Sommairede 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é 1.877.315.5550

  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 1.877.315.5550

  27. Sommairede 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é 1.877.315.5550

  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 HypertextMarkupLanguage) 1.0 • HTML • XML (Extensible MarkupLanguage) 1.0 1.877.315.5550

  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 (MathematicalMarkupLanguage) • SVG (ScalableVectorGraphics) 1.877.315.5550

  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) 1.877.315.5550

  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 1.877.315.5550

  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. 1.877.315.5550

  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. 1.877.315.5550

  34. Sommairede 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é 1.877.315.5550

  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. 1.877.315.5550

  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 ?. 1.877.315.5550

  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 1.877.315.5550

  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 1.877.315.5550

  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> Total : 8 1.877.315.5550

  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 1.877.315.5550

  41. Sommairede 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é 1.877.315.5550

  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 1.877.315.5550

  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 1.877.315.5550

  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 1.877.315.5550

  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 1.877.315.5550

  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 1.877.315.5550

  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 1.877.315.5550

  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 1.877.315.5550

  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) 1.877.315.5550

  50. Sommairede 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é 1.877.315.5550

More Related