{"id":914,"date":"2024-11-05T13:40:04","date_gmt":"2024-11-05T18:40:04","guid":{"rendered":"https:\/\/www.mh.ca\/?post_type=case-studies&p=914"},"modified":"2025-09-16T10:16:10","modified_gmt":"2025-09-16T14:16:10","slug":"banque-nationale-du-canada-normes-accessibles","status":"publish","type":"case-studies","link":"https:\/\/www.mh.ca\/fr\/case-studies\/banque-nationale-du-canada-normes-accessibles\/","title":{"rendered":"Normes accessibles"},"content":{"rendered":"
\n
\n
\n \n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\tVisuel sur les r\u00e8gles d\u2019accessibilit\u00e9 web de la Banque Nationale : ic\u00f4nes, polices et logo officiel\n\t\t\t\n\t\t<\/picture>\n\t\t\n\t\t\t<\/div>\n\t\t\t <\/div>\n
\n
\n
\n
\n
\n \n\t\t\t\t\t

Le projet <\/h2>\n\t\t\t\t\t <\/div>\n
\n <\/div>\n

Grille graphique et int\u00e9gration des standards accessibles WCAG 2.0 de deux documents : Hypoth\u00e8que et Prot\u00e9ger nos a\u00een\u00e9s.<\/p>\n

<\/p>\n<\/div> <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n

\n
\n
\n \n\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\tGuide Banque Nationale sur les types d\u2019hypoth\u00e8ques r\u00e9sidentielles, affich\u00e9 sur \u00e9cran d\u2019ordinateur\n\t\t\t\n\t\t<\/picture>\n\t\t\n\t\t\t<\/div>\n\t\t\t <\/div>\n
\n
\n
\n
\n
\n \n\t\t\t\t\t

Le d\u00e9fi<\/h2>\n\t\t\t\t\t <\/div>\n
\n <\/div>\n

Pour r\u00e9pondre aux nouvelles normes num\u00e9riques de la BNC, nous devions :<\/p>\n

    \n
  • Convertir une brochure imprim\u00e9e Hypoth\u00e8que de 16 pages en un document num\u00e9rique de 4 pages.<\/li>\n
  • R\u00e9organiser l\u2019information d\u2019un imprim\u00e9 de six panneaux en un document num\u00e9rique de quatre pages.<\/li>\n<\/ul>\n

    L\u2019objectif \u00e9tait de simplifier les documents existants afin de les rendre plus \u00e9pur\u00e9s, favorisant ainsi une lecture facile et rapide, et anticiper le montage pour garantir son accessibilit\u00e9 (hi\u00e9rarchie des titres, ordre de lecture, etc.).<\/p>\n<\/div> <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n

    \n
    \n
    \n \n\t\t\t\t
    \n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\tCode des couleurs de la Banque Nationale\n\t\t\t\n\t\t<\/picture>\n\t\t\n\t\t\t<\/div>\n\t\t\t <\/div>\n
    \n
    \n
    \n
    \n
    \n \n\t\t\t\t\t

    L’approche<\/h2>\n\t\t\t\t\t <\/div>\n
    \n <\/div>\n

    Pour accompagner efficacement la BNC dans sa transition vers le num\u00e9rique, en fournissant des r\u00e9sultats r\u00e9pondant \u00e0 ses besoins tout en respectant les normes d\u2019accessibilit\u00e9 en vigueur :<\/p>\n

      \n
    • La designer assign\u00e9e au projet a d\u00e9velopp\u00e9 une grille graphique qui a permis d\u2019ajuster rapidement et efficacement les deux documents au nouveau format, en respectant les standards d\u2019accessibilit\u00e9 requis.<\/li>\n
    • Cette grille est d\u00e9sormais utilis\u00e9e pour plusieurs autres documents, uniformisant ainsi les outils n\u00e9cessaires aux conseillers de la BNC.<\/li>\n<\/ul>\n

      Cette d\u00e9marche pr\u00e9alable nous a permis de nous adapter facilement aux exigences du client, en ayant une vision claire des \u00e9tapes \u00e0 suivre.<\/p>\n<\/div> <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n

      \n
      \n
      \n <\/div>\n
      \n
      \n
      \n
      \n
      \n \n\t\t\t\t\t

      Le rendu <\/h2>\n\t\t\t\t\t <\/div>\n
      \n <\/div>\n

      L\u2019organisation des donn\u00e9es est claire, la grille graphique est attrayante et les standards WCAG 2.0 suivants ont \u00e9t\u00e9 appliqu\u00e9s :<\/h4>\n
        \n
      • \n

        Ajustement de couleurs \u00e0 la suite d\u2019une analyse de contrastes de couleurs.<\/h4>\n<\/li>\n
      • \n

        Inclusion des m\u00e9tadonn\u00e9es du texte du fichier (titre, auteur, description, langue).<\/h4>\n<\/li>\n
      • \n

        Ajout de signets pour la navigation du document.<\/h4>\n<\/li>\n
      • \n

        Structuration du document et hi\u00e9rarchie des titres.<\/h4>\n<\/li>\n
      • \n

        Inclusion des m\u00e9tadonn\u00e9es des \u00e9l\u00e9ments visuels (texte de remplacement).<\/h4>\n<\/li>\n
      • \n

        Balisage appropri\u00e9 dans le fichier Acrobat (table des mati\u00e8res, listes \u00e0 puces, notes de bas de page et r\u00e9f\u00e9rences, tableaux, hyperliens, etc.).<\/h4>\n<\/li>\n<\/ul>\n

        <\/h4>\n<\/div> <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n ","protected":false},"template":"","deliverables":[84,72,74],"case-studies-categories":[92],"clients":[49],"class_list":["post-914","case-studies","type-case-studies","status-publish","hentry","deliverables-design-creatif","deliverables-infographie","deliverables-relecture","case-studies-categories-institutions-financieres-et-assurances","clients-banque-nationale-du-canada-fr"],"acf":[],"yoast_head":"\n\u00c9tude de cas : Accessibilit\u00e9 WCAG 2.2 - Institutions financi\u00e8res - m&h<\/title>\n<meta name=\"description\" content=\"Voyez comment m&h applique les normes d\u2019accessibilit\u00e9 WCAG 2.2 AA pour la Banque Nationale du Canada afin de garantir une exp\u00e9rience inclusive pour tous.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00c9tude de cas : Accessibilit\u00e9 WCAG 2.2 - Institutions financi\u00e8res - m&h\" \/>\n<meta property=\"og:description\" content=\"Voyez comment m&h applique les normes d\u2019accessibilit\u00e9 WCAG 2.2 AA pour la Banque Nationale du Canada afin de garantir une exp\u00e9rience inclusive pour tous.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/\" \/>\n<meta property=\"og:site_name\" content=\"m&h\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-16T14:16:10+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.mh.ca\/wp-content\/uploads\/2024\/11\/etude-de-cas-Banque-Nationale-accessibilite-Feuillet_Aines.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/\",\"url\":\"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/\",\"name\":\"\u00c9tude de cas : Accessibilit\u00e9 WCAG 2.2 - Institutions financi\u00e8res - m&h\",\"isPartOf\":{\"@id\":\"https:\/\/www.mh.ca\/#website\"},\"datePublished\":\"2024-11-05T18:40:04+00:00\",\"dateModified\":\"2025-09-16T14:16:10+00:00\",\"description\":\"Voyez comment m&h applique les normes d\u2019accessibilit\u00e9 WCAG 2.2 AA pour la Banque Nationale du Canada afin de garantir une exp\u00e9rience inclusive pour tous.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mh.ca\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Normes accessibles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mh.ca\/#website\",\"url\":\"https:\/\/www.mh.ca\/\",\"name\":\"m&h\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.mh.ca\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mh.ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.mh.ca\/#organization\",\"name\":\"m&h\",\"url\":\"https:\/\/www.mh.ca\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.mh.ca\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.mh.ca\/wp-content\/uploads\/2024\/11\/mh_logo_1x1.jpg\",\"contentUrl\":\"https:\/\/www.mh.ca\/wp-content\/uploads\/2024\/11\/mh_logo_1x1.jpg\",\"width\":696,\"height\":696,\"caption\":\"m&h\"},\"image\":{\"@id\":\"https:\/\/www.mh.ca\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00c9tude de cas : Accessibilit\u00e9 WCAG 2.2 - Institutions financi\u00e8res - m&h","description":"Voyez comment m&h applique les normes d\u2019accessibilit\u00e9 WCAG 2.2 AA pour la Banque Nationale du Canada afin de garantir une exp\u00e9rience inclusive pour tous.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/","og_locale":"fr_FR","og_type":"article","og_title":"\u00c9tude de cas : Accessibilit\u00e9 WCAG 2.2 - Institutions financi\u00e8res - m&h","og_description":"Voyez comment m&h applique les normes d\u2019accessibilit\u00e9 WCAG 2.2 AA pour la Banque Nationale du Canada afin de garantir une exp\u00e9rience inclusive pour tous.","og_url":"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/","og_site_name":"m&h","article_modified_time":"2025-09-16T14:16:10+00:00","og_image":[{"width":1920,"height":1080,"url":"http:\/\/www.mh.ca\/wp-content\/uploads\/2024\/11\/etude-de-cas-Banque-Nationale-accessibilite-Feuillet_Aines.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/","url":"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/","name":"\u00c9tude de cas : Accessibilit\u00e9 WCAG 2.2 - Institutions financi\u00e8res - m&h","isPartOf":{"@id":"https:\/\/www.mh.ca\/#website"},"datePublished":"2024-11-05T18:40:04+00:00","dateModified":"2025-09-16T14:16:10+00:00","description":"Voyez comment m&h applique les normes d\u2019accessibilit\u00e9 WCAG 2.2 AA pour la Banque Nationale du Canada afin de garantir une exp\u00e9rience inclusive pour tous.","breadcrumb":{"@id":"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.mh.ca\/fr\/etudes-de-cas\/banque-nationale-du-canada-normes-accessibles\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mh.ca\/fr\/"},{"@type":"ListItem","position":2,"name":"Normes accessibles"}]},{"@type":"WebSite","@id":"https:\/\/www.mh.ca\/#website","url":"https:\/\/www.mh.ca\/","name":"m&h","description":"","publisher":{"@id":"https:\/\/www.mh.ca\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mh.ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.mh.ca\/#organization","name":"m&h","url":"https:\/\/www.mh.ca\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.mh.ca\/#\/schema\/logo\/image\/","url":"https:\/\/www.mh.ca\/wp-content\/uploads\/2024\/11\/mh_logo_1x1.jpg","contentUrl":"https:\/\/www.mh.ca\/wp-content\/uploads\/2024\/11\/mh_logo_1x1.jpg","width":696,"height":696,"caption":"m&h"},"image":{"@id":"https:\/\/www.mh.ca\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.mh.ca\/fr\/wp-json\/wp\/v2\/case-studies\/914"}],"collection":[{"href":"https:\/\/www.mh.ca\/fr\/wp-json\/wp\/v2\/case-studies"}],"about":[{"href":"https:\/\/www.mh.ca\/fr\/wp-json\/wp\/v2\/types\/case-studies"}],"wp:attachment":[{"href":"https:\/\/www.mh.ca\/fr\/wp-json\/wp\/v2\/media?parent=914"}],"wp:term":[{"taxonomy":"deliverables","embeddable":true,"href":"https:\/\/www.mh.ca\/fr\/wp-json\/wp\/v2\/deliverables?post=914"},{"taxonomy":"case-studies-categories","embeddable":true,"href":"https:\/\/www.mh.ca\/fr\/wp-json\/wp\/v2\/case-studies-categories?post=914"},{"taxonomy":"clients","embeddable":true,"href":"https:\/\/www.mh.ca\/fr\/wp-json\/wp\/v2\/clients?post=914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}