-
Notifications
You must be signed in to change notification settings - Fork 9
/
_concevoir-contenu.html
392 lines (341 loc) · 23 KB
/
_concevoir-contenu.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
---
---
<!DOCTYPE html>
<html class="no-js" lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html -->
<title>Concevoir du contenu pour Canada.ca - Configuration de conception de Canada.ca - Canada.ca</title>
<meta content="width=device-width,initial-scale=1" name="viewport">
<link href="https://www.canada.ca/etc/designs/canada/wet-boew/assets/favicon.ico" rel="icon" type="image/x-icon">
<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/provisional-alerts.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />
<noscript>
<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/wet-boew/css/noscript.min.css" /></noscript>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-105628416-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105628416-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-105628416-3');
</script>
</head>
<body class="cnt-wdth-lmtd" vocab="http://schema.org/" typeof="WebPage">
<ul id="wb-tphp">
<li class="wb-slc">
<a class="wb-sl" href="#wb-cont">Passer au contenu principal</a>
</li>
<li class="wb-slc">
<a class="wb-sl" href="#wb-info">Passer à « Au sujet du gouvernement »</a>
</li>
</ul>
<header>
<div id="wb-bnr" class="container">
<section id="wb-lng" class="text-right">
<h2 class="wb-inv">Sélection de la langue</h2>
<div class="row">
<div class="col-md-12">
<ul class="list-inline margin-bottom-none">
<li><a lang="en" href="https://design.canada.ca/designing-content.html">English</a></li>
</ul>
</div>
</div>
</section>
<div class="row">
<div class="brand col-xs-5 col-md-4">
<a href="https://www.canada.ca/fr.html"><img src="https://www.canada.ca/etc/designs/canada/wet-boew/assets/sig-blk-fr.svg" alt=""><span class="wb-inv"> Gouvernement du Canada / <span lang="en">Government of Canada</span></span></a>
</div>
<section id="wb-srch" class="col-lg-8 text-right">
<h2>Recherche</h2>
<form action="https://canada.ca/fr/sr/srb.html" method="get" role="search" class="form-inline">
<div class="form-group">
<label for="wb-srch-q" class="wb-inv">Rechercher dans Canada.ca</label>
<input id="wb-srch-q" list="wb-srch-q-ac" class="wb-srch-q form-control" name="q" type="search" value="" size="34" maxlength="170" placeholder="Rechercher dans Canada.ca">
<input name="st" value="s" type="hidden" />
<input name="num" value="10" type="hidden" />
<input name="langs" value="fra" type="hidden" />
<input name="st1rt" value="0" type="hidden">
<input name="s5bm3ts21rch" value="x" type="hidden" />
<datalist id="wb-srch-q-ac"></datalist>
</div>
<div class="form-group submit">
<button type="submit" id="wb-srch-sub" class="btn btn-primary btn-small" name="wb-srch-sub"><span class="glyphicon-search glyphicon"></span><span class="wb-inv">Recherche</span></button>
</div>
</form>
</section>
</div>
</div>
<nav class="gweb-v2 gcweb-menu" typeof="SiteNavigationElement">
<div class="container">
<h2 class="wb-inv">Menu</h2>
<button type="button" aria-haspopup="true" aria-controls="gc-mnu" aria-expanded="false">Menu<span class="wb-inv"> principal</span> <span class="expicon glyphicon glyphicon-chevron-down"></span></button>
<ul id="gc-mnu" role="menu" aria-orientation="vertical" data-ajax-replace="https://www.canada.ca/content/dam/canada/sitemenu/sitemenu-v2-fr.html">
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/en/services/jobs.html">Emplois et milieu de travail</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/en/services/immigration-citizenship.html">Immigration et citoyenneté</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://voyage.gc.ca/">Voyage et tourisme</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/fr/services/entreprises.html">Entreprises et industrie</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/en/services/benefits.html">Prestations</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/fr/services/sante.html">Santé</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/fr/services/impots.html">Impôts</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/fr/services/environnement.html">Environnement et ressources naturelles</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/fr/services/defense.html">Sécurité nationale et défense</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/fr/services/culture.html">Culture, histoire et sport</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/fr/services/police.html">Services de police, justice et urgences</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/en/services/transport.html">Transport et infrastructure</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="http://international.gc.ca/world-monde/index.aspx?lang=fra">Canada et le monde</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/fr/services/finance.html">Argent et finances</a></li>
<li role="none presentation"><a role="menuitem" tabindex="-1" href="https://www.canada.ca/fr/services/science.html">Science et innovation</a></li>
</ul>
</div>
</nav>
<nav id="wb-bc" property="breadcrumb">
<h2>Vous êtes ici :</h2>
<div class="container">
<ol class="breadcrumb">
<li><a href='https://www.canada.ca/fr.html'>Canada.ca</a></li>
<li><a href='https://www.canada.ca/fr/gouvernement/a-propos.html'>À propos de Canada.ca</a></li>
<li><a href='https://www.canada.ca/fr/gouvernement/a-propos/systeme-conception.html'>Système de conception de Canada.ca</a></li>
</ol>
</div>
</nav>
</header>
</div>
</div>
<!--/* Hide Nav; Hide Right Rail /*-->
<main role="main" property="mainContentOfPage" class="container wb-prettify all-pre">
<h1 property="name" id="wb-cont" dir="ltr">Concevoir du contenu pour Canada.ca</h1>
<p>Lorsque vous concevez du contenu pour Canada.ca, vous le faites pour les gens. L'objectif est d'aider les gens à obtenir ce dont ils ont besoin de la part du gouvernement.</p>
<div class="mwsgeneric-base-html parbase section">
<section>
<h2>Sur cette page</h2>
<ul>
<li><a href="#tache">Se concentrer sur la tâche</a></li>
<li><a href="#confiance">Concevoir pour inspirer la confiance</a></li>
<li><a href="#trouver">Concevoir pour faciliter la repérabilité</a></li>
<li><a href="#comprendre">Concevoir pour la compréhension</a></li>
<li><a href="#utiliser">Concevoir pour l'utilisabilité</a></li>
<li><a href="#accessibilite">Concevoir pour l'accessibilité et l'inclusion</a></li>
</ul>
</section>
<section>
<h2 id="tache">Se concentrer sur la tâche</h2>
<p>Il faut d'abord déterminer la tâche à accomplir : qu'est-ce que les utilisateurs essaient de faire lorsqu'ils arrivent sur cette page ou cet ensemble de pages Web?</p>
<p>Les tâches peuvent être des choses comme : </p>
<ul>
<li>demander une prestation</li>
<li>obtenir une copie d'un document officiel</li>
<li>consulter la météo</li>
<li>chercher un emploi</li>
<li>vérifier si un nom est disponible pour une compagnie</li>
</ul>
<p>Une question devrait guider toutes les décisions en matière de conception : cela aide-t-il les gens à réussir à accomplir la tâche ?</p>
<ul>
<li><a href="https://www.canada.ca/fr/gouvernement/a-propos/taches-principales-pour-canada-ca.html">Tâches principales pour Canada.ca
</a></li>
<li><a href="https://blogue.canada.ca/2017/12/11/100-taches-du-gc.html">De quelle façon déterminons-nous les principales tâches pour Canada.ca</a> (blogue)</li>
<li><a href="https://blogue.canada.ca/2020/02/05/methode-pour-mesurer.html">Trouver la bonne méthode pour mesurer la réussite des tâches en ligne</a> (blogue)</li>
</ul>
<h2 id="confiance">Concevoir pour inspirer la confiance</h2>
<p>Il est essentiel d'utiliser un look cohérent sur l'ensemble de la présence Web du gouvernement du Canada pour que les gens puissent vivre une expérience digne de confiance. Les gens doivent savoir qu'ils trouveront des renseignements auxquels ils peuvent se fier.</p>
<p>Utilisez les éléments obligatoires du système de conception de Canada.ca pour mettre en œuvre cette marque de confiance.</p>
<p>Les éléments obligatoires que vous devez utiliser sont les suivants :</p>
<ul>
<li>le domaine Canada.ca</li>
<li>les styles obligatoires (typographie, couleurs et mises en page)</li>
<li>l'en-tête et le pied de page généraux</li>
<li>une poignée de modèles obligatoires de haut niveau pour établir une présence institutionnelle cohérente et l'arborescence thématique de Canada.ca</li>
</ul>
<p>Après avoir mis en œuvre cette marque uniforme, vous pouvez tout de même faire preuve de créativité dans le corps de la page pour trouver le meilleur design afin d'aider les gens à accomplir leurs tâches.</p>
<ul>
<li><a href="{{ site.url }}/specifications/elements-obligatoires.html">Éléments obligatoires du système de conception de Canada.ca</a></li>
<li><a href="https://blogue.canada.ca/2020/08/10/CanadaPointCa-source-fiable.html">Canada.ca est une source fiable</a> (blogue)</li>
</ul>
<h2 id="trouver">Concevoir pour faciliter la repérabilité</h2>
<p>Les gens ne peuvent pas réussir leur tâche s'ils ne trouvent pas où l'initier.</p>
<p>Pour améliorer la repérabilité, vous pouvez travailler sur :</p>
<ul>
<li>la navigation</li>
<li>la recherche interne et externe</li>
</ul>
<h3>Navigation</h3>
<p>Certaines personnes navigueront vers leur tâche sur le site Canada.ca. Pour les soutenir, il est essentiel de fournir aux gens un chemin clair vers leurs tâches. Cela signifie qu'il faut planifier votre structure de navigation et prendre le temps de comprendre quelles étiquettes fonctionneront le mieux pour votre public.</p>
<ul>
<li><a href="{{ site.url }}/specifications/information-trouvabilite/organiser-contenu.html#toc1">Navigation des utilisateurs dans Canada.ca</a></li>
<li><a href="{{ site.url }}/specifications/information-trouvabilite/organiser-contenu.html#utilisateur">Catégories de besoins des utilisateurs pour le contenu de destination</a></li>
<li><a href="https://www.canada.ca/fr/gouvernement/a-propos/systeme-conception/arborescence-thematique-types-contenu.html">Arborescence thématique de Canada.ca</a></li>
<li><a href="https://www.canada.ca/fr/gouvernement/a-propos/systeme-conception/ministeres-responsables-themes.html">Ministères responsables des thèmes et des publics cibles de Canada.ca</a></li>
<li><a href="https://blogue.canada.ca/2020/10/02/etude-sur-les-etiquettes.html">Étude sur les étiquettes : quels mots fonctionnent le mieux</a> (blogue)</li>
</ul>
<h3>Recherche interne et externe</h3>
<p>Certaines personnes effectueront des recherches sur le site Canada.ca ou sur des moteurs de recherche externes.
</p>
<p>Utiliser les bons mots clés et organiser votre contenu de la bonne façon peut aider à améliorer les résultats de recherche. Ajouter des données structurées peut également être une technique utile.</p>
<ul>
<!--
<li><a href="https://conception.canada.ca/directives/donnees-structurees.html">Ajout de données structurées sur les pages de Canada.ca</a></li> -->
<li><a href="https://blogue.canada.ca/2020/01/28/optimisation-recherche-vocale.html">Optimiser votre contenu pour la recherche vocale</a> (blogue)</li>
<li><a href="https://conception.canada.ca/directives/donnees-structurees.html">Ajout de données structurées sur les pages de Canada.ca</a></li>
</ul>
<h2 id="comprendre">Concevoir pour la compréhension</h2>
<p>Une fois que les gens ont trouvé la page dont ils ont besoin, ils doivent être capables de comprendre ce qu'ils lisent. La façon dont nous écrivons et les mots que nous utilisons font une énorme différence.</p>
<ul>
<li><a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/communications-gouvernementales/guide-redaction-contenu-canada.html">Guide de rédaction du contenu du site Canada.ca</a></li>
<li><a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/communications-gouvernementales/guide-redaction-contenu-canada.html#toc5">Principes de rédaction pour le contenu Web</a> (Guide de rédaction)</li>
<li><a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/communications-gouvernementales/guide-redaction-contenu-canada.html#toc6">Langage clair et simple</a> (Guide de rédaction)</li>
<li><a href="https://conception.canada.ca/crise/contenu.html">Aide-mémoire pour la conception du contenu des communications de crise</a></li>
<li><a href="https://readability-lisibilite.tbs.alpha.canada.ca/?&lang=fr">Score de lisibilité Web - Expérimental</a></li>
</ul>
<h2 id="utiliser">Concevoir pour l'utilisabilité</h2>
<p>Utilisez des conceptions et des mises en page qui permettront aux gens d'accomplir plus facilement leurs tâches. Il peut s'agir par exemple d'un simple texte, d'un tableau filtrable, d'un bouton, d'une lise à cocher interactive ou de tout autre modèle.</p>
<p>Si vous ne trouvez pas dans la bibliothèque une configuration ou un modèle qui a tout ce dont vous avez besoin, vous pouvez être créatifs en autant que vous respectiez les éléments obligatoires du système de conception. Si votre solution fonctionne bien, nous pourrions l'ajouter au système de conception de Canada.ca pour la rendre disponible aux autres personnes qui pourraient avoir des besoins semblables.</p>
<p>Faites des tests de convivialité pour vous assurer que ce que vous avez conçu aide vraiment les gens à accomplir leurs tâches.</p>
<ul>
<li><a href="https://www.canada.ca/fr/gouvernement/a-propos/systeme-conception/bibliotheque-modeles.html">Bibliothèque de modèles et de configurations de conception
</a></li>
<li><a href="https://blogue.canada.ca/pages/apercu-projet.html">Projets d'amélioration de contenu de Canada.ca</a></li>
</ul>
<h2 id="accessibilite">Concevoir pour l'accessibilité et l'inclusion</h2>
<p>L'accessibilité et l'inclusion doivent être au premier plan de votre conception. Tout comme la traduction, l’accessibilité et l’inclusivité sont non-négociables.</p>
<p>Veillez à ce que votre création soit accessible <strong>au fur et à mesure de son développement</strong>, et non pas après coup.</p>
<p>La <cite>Norme sur l'accessibilité des sites Web</cite> exige que toutes les pages Web du GC rencontrent le niveau AA des Règles pour l'accessibilité des contenus Web (WCAG) 2.0.</p>
<p>Mais il ne s'agit là que de la norme <strong>minimale</strong> : si possible, optez pour le niveau AAA et les exigences des Règles pour l'accessibilité des contenus Web (WCAG) 2.1.</p>
<ul>
<li><a href="https://www.tbs-sct.gc.ca/pol/doc-fra.aspx?id=23601">Norme sur l'accessibilité des sites Web</a></li>
<li><a href="https://www.w3.org/WAI/standards-guidelines/wcag/fr">Règles pour l'accessibilité des contenus Web (WCAG)</a></li>
<li><a href="https://a11y.canada.ca/fr/">Boîte à outils d'accessibilité numérique</a></li>
<li><a href="https://numerique.canada.ca/a11y/">Guide d’accessibilité du <abbr title="Service numérique canadien">SNC</abbr></a></li>
<li><a href="https://blogue.canada.ca/2020/06/05/concevoir-pour-laccessibilite.html">Conception axée sur l’accessibilité pendant la pandémie de la COVID-19</a> (blogue)</li>
<li><a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/communications-gouvernementales/guide-redaction-contenu-canada.html#wp1-2-1">Rédiger pour assurer l'accessibilité</a> (guide de rédaction)</li>
<li><a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/communications-gouvernementales/guide-redaction-contenu-canada.html#wp1-2-1b">Rédiger pour assurer l'inclusion</a> (guide de rédaction)</li>
</ul>
</div>
</div>
<!-- START PAGE FEEDBACK WIDGET -->
<div class="row row-no-gutters mrgn-tp-xl">
<div class="col-sm-7 col-lg-6">
<section class="gc-pg-hlpfl provisional">
<div class="well mrgn-bttm-0">
<form id="gc-pg-hlpfl-frm" action="#" method="post" autocomplete="off">
<input type="hidden" name="institutionopt" value="tbs">
<input type="hidden" name="themeopt" value="Policies">
<input type="hidden" name="language" value="FR">
<input type="hidden" name="pageTitle" value="Concevoir du contenu pour Canada.ca">
<input type="hidden" name="submissionPage" value="https://conception.canada.ca/concevoir-contenu.html">
<input type="hidden" name="sectionopt" value="Design system">
<input type="hidden" id="helpful" name="helpful" value="Yes">
<div class="gc-pg-hlpfl-btn">
<div class="row row-no-gutters">
<div class="col-xs-12 col-sm-7 mrgn-tp-sm">
<h2 class="mrgn-tp-sm h5">Avez-vous trouvé ce que vous cherchiez?</h2>
</div>
<div class="col-xs-8 col-sm-5 text-right">
<button id="btnyes" type="submit" value="Yes" class="btn btn-primary">Oui</button>
<button id="btnno" type="button" class="btn btn-primary mrgn-lft-sm nojs-hide">Non</button>
</div>
</div>
</div>
<p class="h3 hidden nojs-show">Sinon, dites nous pourquoi :</p>
<div class="gc-pg-hlpfl-no nojs-show">
<fieldset>
<legend class="h4 mrgn-tp-0 mrgn-bttm-md">Qu’est-ce qui n’allait pas?</legend>
<div class="radio">
<label for="problem1">
<input name="problem" id="problem1" type="radio" value="Je ne peux pas trouver l’information" data-gc-analytics-wtph-value="I can't find the information-Je ne peux pas trouver l'information" data-gc-analytics-collect="notPrivate">
Je ne peux pas <strong>trouver</strong> l’information
</label>
</div>
<div class="radio">
<label for="problem2">
<input name="problem" id="problem2" type="radio" value="L'information est difficile à comprendre" data-gc-analytics-wtph-value="The information is hard to understand-J'ai trouvé l'information difficile à comprendre" data-gc-analytics-collect="notPrivate">
L'information est difficile à <strong>comprendre</strong>
</label>
</div>
<div class="radio">
<label for="problem3">
<input name="problem" id="problem3" type="radio" value="Il y avait une erreur / quelque chose ne fonctionnait pas" data-gc-analytics-wtph-value="There was an error or something didn't work-Il y avait une erreur our quelque chose ne fonctionnait pas" data-gc-analytics-collect="notPrivate">
Il y avait une erreur / quelque chose <strong>ne fonctionnait pas</strong>
</label>
</div>
<div class="radio">
<label for="problem4">
<input name="problem" id="problem4" type="radio" value="Other reason" data-gc-analytics-wtph-value="Other reason-Autre raison" data-gc-analytics-collect="notPrivate">
Autre raison
</label>
</div>
</fieldset>
<label for="problem6" class="mrgn-bttm-0">Veuillez fournir plus de détails</label>
<p class="small">
<strong>Vous ne recevrez aucune réponse. Les numéros de téléphone et les adresses électroniques seront supprimés.</strong>
<br>
<span class="small">Maximum de 300 caractères</span>
</p>
<textarea id="problem6" name="details" class="full-width" maxlength="300"></textarea>
<button type="submit" value="No" class="btn btn-primary mrgn-tp-md mrgn-bttm-sm">Soumettre</button>
</div>
</form>
<div class="gc-pg-hlpfl-thnk hide">
<p class="h6 mrgn-tp-sm mrgn-bttm-sm"><span class="far fa-check-circle text-success mrgn-rght-sm" aria-hidden="true"></span> Merci de vos commentaires</p>
</div>
</div>
</section>
</div>
<div class="col-sm-3 col-sm-offset-1 col-lg-offset-3">
<div class="wb-share" data-wb-share="{"pnlId":"pnlShrPg", "lnkClass": "btn btn-default btn-block mrgn-tp-md"}"></div>
</div>
</div>
<!-- END PAGE FEEDBACK WIDGET -->
<div class="pagedetails">
<dl id="wb-dtmd">
<dt>Date de modification :</dt>
<dd><time property="dateModified">2022-01-21</time></dd>
</dl>
</div>
</main>
{% include footer-fr.html %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
<script src="https://www.canada.ca/etc/designs/canada/wet-boew/js/theme.min.js"></script>
<script>
document.getElementById('submissionPage').value = location.href;
</script>
<script>
$(document).on("wb-ready.wb", function() {
$("#btnno").click(function(e) {
$(".gc-pg-hlpfl-no").removeClass("nojs-show");
$(".gc-pg-hlpfl-btn").addClass("hide");
$("#helpful").val("No");
});
$("#gc-pg-hlpfl-frm").submit(function(e) {
e.preventDefault();
$(".gc-pg-hlpfl-thnk").removeClass("hide");
$("#gc-pg-hlpfl-frm").addClass("hide nojs-show");
$.ajax({
url: 'https://pagesuccessemailqueue.azurewebsites.net/api/QueueProblemForm',
type: 'POST',
dataType: 'text',
data: $('form#gc-pg-hlpfl-frm').serialize(),
success: function(data) {},
error: function(xhr, status, err) {
console.log(xhr.responseText);
}
});
});
});
</script>
<!-- END SCRIPT PAGE FEEDBACK WIDGET -->
</body>
</html>