{"id":6457,"date":"2018-09-07T18:31:06","date_gmt":"2018-09-07T16:31:06","guid":{"rendered":"https:\/\/www.luklagroup.com\/sem-categoria\/integration-de-laccessibilite-dans-des-projets-web\/"},"modified":"2018-09-07T18:31:06","modified_gmt":"2018-09-07T16:31:06","slug":"integration-de-laccessibilite-dans-des-projets-web","status":"publish","type":"post","link":"https:\/\/www.luklagroup.com\/pt-pt\/web-marketing-pt-pt\/integration-de-laccessibilite-dans-des-projets-web\/","title":{"rendered":"Int\u00e9gration de l\u2019accessibilit\u00e9 dans des projets web"},"content":{"rendered":"

L\u2019arriv\u00e9e de la loi du 11 f\u00e9vrier 2005 sur l\u2019\u00e9galit\u00e9 des droits et des chances [\u2026] des personnes handicap\u00e9es, a d\u00e9clench\u00e9 une petite r\u00e9volution dans le monde du web. Petite, car le l\u00e9gislateur a bien pr\u00e9vu une loi, mais aucun contr\u00f4le, aucun mode de sanction pour les contrevenants. Malgr\u00e9 tout, force est de constater que, du c\u00f4t\u00e9 des administrations, le sujet a \u00e9t\u00e9 pris au s\u00e9rieux. Les \u00e9quipes ont donc bien d\u00fb s\u2019adapter \u00e0 ces nouvelles contraintes projet, la plupart se r\u00e9v\u00e9lant en fait productives de savoir et de rigueur. Car, pour construire un site accessible, il est important de comprendre pourquoi et comment on fait les choses. Comprendre comment les autres per\u00e7oivent le web, et comprendre comment fonctionnent les outils mis \u00e0 notre disposition pour produire des contenus utilisables par tous. L\u2019accessibilit\u00e9 est en r\u00e9alit\u00e9 \u00e0 la confluence de nombreuses probl\u00e9matiques qualit\u00e9\u00a0: ergonomie, esth\u00e9tique, efficacit\u00e9 du code et des contenus.<\/strong><\/em><\/p>\n

Il existe deux r\u00e9f\u00e9rentiels d\u2019accessibilit\u00e9 en France, tous deux bas\u00e9s sur les travaux du WAI (Web Accessibility Inititative), WCAG2 (Web Content Accessibility Guidelines).<\/p>\n

Les R\u00e8gles pour l’accessibilit\u00e9 des contenus Web (WCAG) 2.0 pr\u00e9sentent un large \u00e9ventail de recommandations pour rendre les contenus Web plus accessibles. Suivre ces r\u00e8gles rendra les contenus accessibles \u00e0 une plus grande vari\u00e9t\u00e9 de personnes en situation de handicap, incluant les personnes aveugles et malvoyantes, les personnes sourdes et malentendantes, les personnes ayant des troubles d’apprentissage, des limitations cognitives, des limitations motrices, des limitations de la parole, de la photosensibilit\u00e9 et les personnes ayant une combinaison de ces limitations fonctionnelles. Suivre ces r\u00e8gles rendra aussi les contenus Web souvent plus faciles d’utilisation aux utilisateurs en g\u00e9n\u00e9ral.
\n<\/em><\/strong>(source W3C)<\/em><\/strong><\/p><\/blockquote>\n

WCAG est la norme internationale du W3C pour l’accessibilit\u00e9 des contenus du Web. Actuellement en v2.0, cette norme est reconnue officiellement par la Commission Europ\u00e9enne qui en recommande l\u2019adoption dans tous les pays membres de la communaut\u00e9. L\u2019administration fran\u00e7aise s\u2019y r\u00e9f\u00e8re depuis 1999.<\/p>\n

Le premier r\u00e9f\u00e9rentiel, Accessiweb<\/strong> (actuellement en version \u00ab\u00a0HTML5\/ARIA\u00a0\u00bb), a \u00e9t\u00e9 r\u00e9dig\u00e9 \u00e0 l\u2019initiative de l\u2019association Braillenet et comporte 13 th\u00e9matiques compos\u00e9es chacune d’une s\u00e9rie de crit\u00e8res. Chaque crit\u00e8re Accessiweb affiche une correspondance vers un ou plusieurs crit\u00e8res de succ\u00e8s des WCAG 2.0, vers une ou plusieurs techniques des WCAG 2.0 et vers un ou plusieurs tests du RGAA (R\u00e9f\u00e9rentiel G\u00e9n\u00e9ral d\u2019Accessibilit\u00e9 pour les Administrations, cf. ci-dessous). La validation d’un crit\u00e8re Accessiweb permet de valider le ou les crit\u00e8res RGAA associ\u00e9s.<\/p>\n

Le second r\u00e9f\u00e9rentiel, RGAA<\/strong> (actuellement en v3), est destin\u00e9 \u00e0 d\u00e9finir, en France, les modalit\u00e9s techniques d’accessibilit\u00e9 des services en ligne de l’\u00c9tat, des collectivit\u00e9s territoriales et des \u00e9tablissements publics qui en d\u00e9pendent, pour les trois canaux du Web, de la t\u00e9l\u00e9vision et de la t\u00e9l\u00e9phonie.<\/p>\n

Le RGAA d\u00e9coule de l’obligation d’accessibilit\u00e9 impos\u00e9e par l’article 47 de la loi du 11 f\u00e9vrier 2005 pour \u00ab l’\u00e9galit\u00e9 des droits et des chances, la participation et la citoyennet\u00e9 des personnes handicap\u00e9es \u00bb, dont le d\u00e9cret d’application a \u00e9t\u00e9 publi\u00e9 au Journal Officiel le 16 mai 2009. Il a \u00e9t\u00e9 approuv\u00e9, pour le canal Web, en octobre 2009.<\/p>\n

Quel r\u00e9f\u00e9rentiel pour quel type de projet\u00a0?<\/h2>\n

Voil\u00e0 pour le c\u00f4t\u00e9 historique. Du coup, avec ces deux r\u00e9f\u00e9rentiels peut se poser la question du choix. M\u00eame si, au final, l\u2019accessibilit\u00e9 d\u2019un site ne d\u00e9pend pas du r\u00e9f\u00e9rentiel employ\u00e9 pour le concevoir ou l\u2019auditer (vu que ces documents normatifs ne sont que des traductions techniques des WCAG), de ce\u00a0 choix peut d\u00e9pendre le type de compte-rendu et de certification propos\u00e9s au client.<\/p>\n

Chez Digiwin, le choix du r\u00e9f\u00e9rentiel va donc d\u00e9pendre du type de projet\u00a0:<\/p>\n

    \n
  • Client \u00ab\u00a0public\u00a0\u00bb<\/strong> (administration, collectivit\u00e9 etc.), choix impos\u00e9\u00a0: RGAA<\/li>\n
  • Client \u00ab\u00a0priv\u00e9\u00a0\u00bb<\/strong>\u00a0: Accessiweb si demande de certification \u00e0 la clef, sinon au choix du client<\/li>\n<\/ul>\n

    Impacts de l\u2019accessibilit\u00e9 sur les projets<\/h2>\n

    Dans le cadre d\u2019un projet web, le niveau d\u2019accessibilit\u00e9 requis peut aller de A (ou Bronze, chez Accessiweb 2.2) \u2013 pour les clients priv\u00e9s \u2013 \u00e0 AA (Argent dans l\u2019ancien r\u00e9f\u00e9rentiel Accessiweb), niveau minimal l\u00e9gal pour les administrations.<\/p>\n

    La diff\u00e9rence entre A et AA est l\u00e9g\u00e8re, autant pousser au niveau AA si le projet ne comporte pas de vid\u00e9o.<\/p>\n

    La gestion d\u2019un projet accessible va demander des comp\u00e9tences sp\u00e9cifiques. La pr\u00e9sence d\u2019un expert Accessiweb ou d\u2019une personne form\u00e9e aux techniques de conception accessible est relativement incontournable. Digiwin a donc fait certifier, d\u00e8s 2008, deux experts chez Accessiweb. Leur travail en interne consiste \u00e0 former les \u00e9quipes et sensibiliser les intervenants, depuis les \u00e9quipes commerciales jusqu\u2019aux designers.<\/p>\n

    Tout cela repr\u00e9sente un co\u00fbt. Par rapport \u00e0 un projet \u00ab\u00a0standard\u00a0\u00bb, il va falloir ajouter du temps de revue de code, d\u2019audition du site avant la mise en production, des corrections et des am\u00e9nagements sp\u00e9cifiques parfois complexes (surtout avec les CMS, modules JS et autres frameworks, rarement accessibles), l\u2019accompagnement et la sensibilisation des \u00e9quipes de contribution (client) et le suivi du projet dans son cycle de vie \u00e0 long terme. Au niveau technique, l\u2019int\u00e9gration front-end est plus d\u00e9licate et demande un int\u00e9grateur rigoureux, surtout pour les sites usant de fonctionnalit\u00e9s JS, de chargements asynchrones et de composants m\u00e9dias.<\/p>\n

    \"\"<\/p>\n

    Phases d\u2019accessibilit\u00e9 et r\u00f4les des intervenants<\/h2>\n

    L\u2019accessibilit\u00e9 intervient de mani\u00e8re transverse tout au long du projet. Plusieurs phases et de nombreux profils sont impact\u00e9s\u00a0:<\/p>\n

      \n
    • Initialisation du projet\u00a0:<\/strong> technico-commercial, architecte > Qualification du besoin et faisabilit\u00e9.<\/li>\n
    • Conception\u00a0:<\/strong> architecte, chef de projet, ergonome\/designer\/graphiste\u00a0> SFG, SFD, storyboarding, maquettage.<\/li>\n
    • D\u00e9veloppement\u00a0:<\/strong> d\u00e9veloppeur, int\u00e9grateur > Gabarits, int\u00e9gration HTML\/CSS\/JS, recette technique.<\/li>\n
    • Exploitation\u00a0:<\/strong> contributeur, chef de projet, d\u00e9veloppeur, designer\u00a0> Corrections, \u00e9volutions, contributions.<\/li>\n<\/ul>\n

      \u00c0 chacune de ces phases, l\u2019expert en accessibilit\u00e9 accompagne le public concern\u00e9 et remonte au CP les \u00e9ventuelles difficult\u00e9s rencontr\u00e9es ou susceptibles de se pr\u00e9senter. Chez Digiwin, l\u2019expert est aussi ergonome et int\u00e9grateur, ce qui permet de l\u2019impliquer directement en amont et en aval du projet.<\/p>\n

      En avant-vente, les principes d\u2019accessibilit\u00e9 doivent \u00eatre abord\u00e9s en proposant des solutions simples. L\u2019id\u00e9e de faire deux sites est \u00e0 proscrire (tentation de proposer un site \u00ab\u00a0accessible\u00a0\u00bb simplifi\u00e9 en alternative au site vitrine), l\u2019effort de maintenance et de conception d\u2019une double publication \u00e9tant sup\u00e9rieur \u00e0 celui d\u2019une conception unique accessible.<\/p>\n

      Les choix graphiques doivent \u00eatre surveill\u00e9s de pr\u00e8s par l\u2019expert car ils peuvent emp\u00eacher une validation et demander des travaux de retouche apr\u00e8s int\u00e9gration, donc une perte de temps co\u00fbteuse et des probl\u00e9matiques de re-validation aupr\u00e8s du client.<\/p>\n

      Tout au long du projet, le CP est le garant de l\u2019accessibilit\u00e9\u00a0: il doit faire intervenir l\u2019expert chaque fois que n\u00e9cessaire et si possible en amont, afin d\u2019\u00e9viter les corrections co\u00fbteuses. Avec l\u2019exp\u00e9rience des projets accessibles engrang\u00e9e ces dix derni\u00e8res ann\u00e9es, la plupart des chefs de projet ont acquis des r\u00e9flexes qui leur permettent d\u2019anticiper les difficult\u00e9s et de proposer des solutions d\u00e9j\u00e0 \u00e9prouv\u00e9es.<\/p>\n

      Et l\u2019avenir\u00a0?<\/h2>\n

      L\u2019\u00e9volution rapide des technologies pose un d\u00e9fi important aux \u00e9quipes, qui doivent se tenir inform\u00e9es. Les experts certifi\u00e9s ont pour r\u00f4le d\u2019effectuer une veille et de participer autant que possible aux \u00e9changes du GTA (Groupe de Travail sur l\u2019Accessibilit\u00e9) et aux s\u00e9minaires organis\u00e9s par l\u2019association Braillenet. Cette veille est rendue plus complexe aujourd\u2019hui avec la perte de vitesse d\u2019Accessiweb et de la liste de diffusion du GTA. Un processus de suivi des certifications a n\u00e9anmoins \u00e9t\u00e9 mis en place chez Accessiweb autour de formations compl\u00e9mentaires. Elles permettent aux experts de revalider leurs comp\u00e9tences et de se tenir \u00e0 jour sur les techniques li\u00e9es \u00e0 l\u2019accessibilit\u00e9 num\u00e9rique.<\/p>\n

      Le challenge de l\u2019accessibilit\u00e9 a eu pour cons\u00e9quence, chez Digiwin, de relever le niveau technique des \u00e9quipes d\u2019int\u00e9gration et de d\u00e9veloppement. C\u2019est pourquoi, m\u00eame sur des projets qui ne mentionnent pas dans leur cahier des charges d\u2019exigence particuli\u00e8re en mati\u00e8re d\u2019accessibilit\u00e9, la conception b\u00e9n\u00e9ficie d\u00e9sormais des apports li\u00e9s \u00e0 la mont\u00e9e en comp\u00e9tence des collaborateurs.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

      L\u2019arriv\u00e9e de la loi du 11 f\u00e9vrier 2005 sur l\u2019\u00e9galit\u00e9 des droits et des chances [\u2026] des personnes handicap\u00e9es, a d\u00e9clench\u00e9 une petite r\u00e9volution dans le monde du web. Petite, car le l\u00e9gislateur a bien pr\u00e9vu une loi, mais aucun contr\u00f4le, aucun mode de sanction pour les contrevenants. Malgr\u00e9 tout, force est de constater que, […]<\/p>\n","protected":false},"author":7,"featured_media":6458,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[184,185,182],"tags":[211],"class_list":["post-6457","post","type-post","status-publish","format-standard","has-post-thumbnail","category-change-adopt-pt-pt","category-digital-workplace-pt-pt","category-web-marketing-pt-pt","tag-accessibilite-pt-pt"],"_links":{"self":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/posts\/6457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=6457"}],"version-history":[{"count":0,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/posts\/6457\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/media\/6458"}],"wp:attachment":[{"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=6457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=6457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.luklagroup.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=6457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}