Merge pull request #348 from canada-ca/accessibility-template

Accessibility template
canada-ca · Dec 5, 2024 · b9f621c · b9f621c
2 parents bffe264 + 0bf2b67
commit b9f621c
Show file tree

Hide file tree

Showing 6 changed files with 413 additions and 0 deletions.
diff --git a/modeles-recommandes/accessibilite/accessibilite.md b/modeles-recommandes/accessibilite/accessibilite.md
@@ -0,0 +1,41 @@
+---
+altLangPage: https://design.canada.ca/recommended-templates/accessibility/accessibility
+date: null
+dateModified: '2024-12-05'
+description: null
+title: Accessibilité à [nom de l’institution]
+section-title: ""
+breadcrumbs: [{
+            "link": "https://conception.canada.ca/modeles-recommandes/accessibilite.html#",
+            "title": "[nom de l’institution]"
+          }
+        ]
+---
+
+<p>Faites-nous part de votre rétroaction pour nous aider à créer un Canada accessible et sans obstacles.</p>
+<ul>
+    <li>Donnez votre avis sur notre plan sur l’accessibilité.</li>
+    <li>Décrivez les obstacles à l’accessibilité que vous avez rencontrés avec [nom de l’institution].</li>
+</ul>
+<div><a class="btn btn-call-to-action" href="formulaire-retroaction.html">Fournir une rétroaction</a></div>
+<div class="container">
+    <div class="row">
+    <section class="gc-srvinfo">
+        <h2 class="wb-inv">Services et information</h2>
+        <div class="wb-eqht row">
+            <div class="col-lg-4 col-md-6">
+                <h3><a href="plan.html">Plan sur l’accessibilité</a></h3>
+                <p>Politiques, programmes, pratiques et services qui aident notre organisation à contribuer à l’objectif d’un Canada accessible et sans obstacles</p>
+            </div>
+            <div class="col-lg-4 col-md-6">
+                <h3><a href="accueil-rapports-etape.html">Rapports d'étape</a></h3>
+                <p>Résultats de nos activités visant à améliorer la contribution de notre organisation à l'objectif d'un Canada accessible et sans entraves</p>
+            </div>
+            <div class="col-lg-4 col-md-6">
+                <h3><a href="processus-retroaction.html">Processus de rétroaction</a></h3>
+                <p>Différentes façons de fournir une rétroaction, comment demander des formats substituts, ce que nous faisons de votre rétroaction et comment garder votre rétroaction anonyme</p>
+            </div>
+        </div>
+    </section>
+    </div>
+</div>
diff --git a/modeles-recommandes/accessibilite/accueil-rapports-etape.md b/modeles-recommandes/accessibilite/accueil-rapports-etape.md
@@ -0,0 +1,26 @@
+---
+altLangPage: https://design.canada.ca/recommended-templates/accessibility/progress-reports-landing.html
+date: null
+dateModified: '2024-12-05'
+description: null
+title: Rapports d’étape sur l’accessibilité pour [Nom de l’institution]
+section-title: ""
+breadcrumbs: [{
+            "link": "https://conception.canada.ca/modeles-recommandes/accessibilite/accueil-rapports-etape.html#",
+            "title": "[nom de l’institution]"
+          },
+          {
+            "link": "https://conception.canada.ca/modeles-recommandes/accessibilite.html",
+            "title": "Accessibilité à [nom de l’institution]"
+          }
+        ]
+---
+
+<p>Notre plan sur l’accessibilité reflète les politiques, programmes, pratiques et services de notre organisme concernant l’identification et la suppression des obstacles en matière d’accessibilité et la prévention de l’apparition de nouveaux obstacles dans ces domaines.</p>
+
+<p>Nos rapports d’étape décrivent nos progrès par rapport aux engagements définis dans notre plan sur l’accessibilité.</p>
+
+<ul>
+    <li><a href="rapport-etape.html">Rapports d’étape sur l’accessibilité 2024 pour [Nom de l’institution]</a></li>
+    <li><a href="rapport-etape.html">Rapports d’étape sur l’accessibilité 2023 pour [Nom de l’institution]</a></li>
+<ul>
diff --git a/modeles-recommandes/accessibilite/formulaire-retroaction.html b/modeles-recommandes/accessibilite/formulaire-retroaction.html
@@ -0,0 +1,220 @@
+
+<!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>Formulaire de rétroaction sur l’accessibilité - Canada.ca</title>
+    <meta content="width=device-width, initial-scale=1" name="viewport">
+    <meta name="description" content="Fournissez une rétroaction sur le plan d’accessibilité de [nom de l’institution], les obstacles que vous avez rencontrés ou toute question liée à l’accessibilité." />
+<meta name="author" content=" "/>
+<meta name="dcterms.title" content="Formulaire de rétroaction sur l’accessibilité"/>
+<meta name="dcterms.description" content="Fournissez une rétroaction sur le plan d’accessibilité de [nom de l’institution], les obstacles que vous avez rencontrés ou toute question liée à l’accessibilité."/>
+<meta name="dcterms.creator" content=" "/>
+<meta name="dcterms.language" content="fra"/>
+<meta name="dcterms.subject" content=""/>
+<meta name="dcterms.issued" content=""/>
+<meta name="dcterms.modified" content="2022-11-29"/>
+
+    <link href="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/favicon.ico" rel="icon" type="image/x-icon" />
+<link rel="stylesheet" href="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/theme.min.css" />
+<noscript><link rel="stylesheet" href="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/css/noscript.min.css" /></noscript><link rel="stylesheet" href="https://design.canada.ca/css/split-h1.css" /><link rel="stylesheet" href="https://design.canada.ca/css/custom.css" /><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
+  </head>
+  <body class="cnt-wdth-lmtd" vocab="http://schema.org/" typeof="WebPage"><nav>
+	<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 visible-sm visible-md visible-lg"><a class="wb-sl" href="#wb-info">Passer à «&#160;À propos de ce site&#160;»</a></li></ul>
+</nav>
+
+  <header>
+	<div id="wb-bnr" class="container">
+		<div class="row">
+
+				<section id="wb-lng" class="col-xs-3 col-sm-12 pull-right text-right">
+	<h2 class="wb-inv">Sélection de la langue</h2>
+	<ul class="list-inline mrgn-bttm-0">
+		<li>
+			<a lang="en" hreflang="en" href="/accessibility/feedback-form.html">
+				<span class="hidden-xs" translate="no">English</span>
+				<abbr title="English" translate="no" class="visible-xs h3 mrgn-tp-sm mrgn-bttm-0 text-uppercase">en</abbr>
+			</a>
+		</li>
+	</ul>
+</section>
+
+
+			<div class="brand col-xs-9 col-sm-5 col-md-4" property="publisher" typeof="GovernmentOrganization">
+	<a href="#" property="url">
+		<img src="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/sig-blk-fr.svg" alt="Gouvernement du Canada" property="logo" /><span class="wb-inv"> / <span lang="en">Government of Canada</span></span>
+	</a>
+	<meta property="name" content="Gouvernement du Canada">
+	<meta property="areaServed" typeof="Country" content="Canada" />
+	<link property="logo" href="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/wmms-blk.svg" />
+</div>
+
+
+		</div>
+	</div>
+
+	<hr>
+	<div class="container">
+		<div class="row"></div>
+	</div>
+
+
+
+</header>
+
+  <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+    <h1 property="name" id="wb-cont" dir="ltr">Formulaire de rétroaction sur l’accessibilité</h1>
+<div class="row mrgn-tp-lg">
+  <div class="col-md-8">
+    <p>Fournissez une rétroaction sur le plan d’accessibilité de [nom de l’institution], les obstacles que vous avez rencontrés ou toute question liée à l’accessibilité.</p>
+    <p>Vous pouvez consulter le <a href="processus-retroaction.html">processus de rétroaction</a> sur l’accessibilité pour découvrir d’autres façons de fournir une rétroaction et comment nous utilisons votre rétroaction.</p>
+    <details class="mrgn-tp-lg">
+      <summary>Avis de confidentialité</summary>
+      <div class="row mrgn-tp-lg">
+        <div class="col-md-12">
+          <p>[inclure la déclaration de confidentialité de votre institution]</p>
+          <h2>[Modèle de clause de confidentialité]</h2>
+          <p>La collecte de renseignements personnels est autorisée par l’article 7(1)(a) et l’article 70 de la <em>Loi sur l’accessibilité du Canada</em>. Ces renseignements personnels sont recueillis par le [bureau ou coordonnateur de l’accessibilité] pour se conformer à la <em>Loi sur l’accessibilité du Canada</em> en créant un mécanisme de collecte des commentaires et en étant en mesure de répondre à la personne concernée et de reconnaître que ses commentaires ont été recueillis et comment ils ont été traités.</p>
+          <p>La collecte et l’utilisation de ces informations personnelles sont conformes à <em>la Loi sur la protection des renseignements personnels</em>. Ce mécanisme est utilisé pour recueillir des commentaires internes et externes sur notre plan d’accessibilité, les futurs rapports d’avancement, ainsi que l’accessibilité et les obstacles à l’accessibilité dans le cadre du travail effectué dans chaque service.</p>
+          <p>Les renseignements personnels recueillis sont décrits dans le fichier de renseignements personnels POU 938 - Activités de sensibilisation et seront conservés pendant 7 ans. En vertu de la <em>Loi sur la protection des renseignements personnels</em>, vous avez le droit d’accéder à vos renseignements personnels et de les corriger. Pour exercer l’un ou l’autre de ces droits, communiquez avec le coordonnateur de l’AIPRP de [nom de l’institution]. Si vous n’êtes pas satisfait de la réponse de [nom de l’institution] à vos préoccupations en matière de protection des renseignements personnels, vous pouvez communiquer avec le Commissariat à la protection de la vie privée du Canada.</p>
+          <h2 class="h3">Coordonnées</h2>
+          <ul class="mrgn-tp-lg">
+            <li>Coordonnateur de l’AIPRP de [nom de l’institution]</li>
+            <li><a href="https://www.priv.gc.ca/fr/">Commissariat à la protection de la vie privée du Canada</a></li>
+          </ul>
+          <h2 class="h3">References</h2>
+          <ul class="mrgn-tp-lg">
+            <li><a href="https://www.laws-lois.justice.gc.ca/fra/lois/a-0.6/">Loi canadienne sur l’accessibilité</a>
+              <ul>
+                <li><a href="https://www.laws-lois.justice.gc.ca/fra/lois/a-0.6/page-1.html#h-1139882">Article 7(1)(a)</a></li>
+                <li><a href="https://www.laws-lois.justice.gc.ca/fra/lois/a-0.6/page-5.html#h-1140478">Article 70</a></li>
+              </ul>
+            </li>
+            <li><a href="https://laws-lois.justice.gc.ca/ENG/ACTS/P-21/index.html">Loi sur la protection des renseignements personnels</a></li>
+            <li><a href="https://www.canada.ca/fr/secretariat-conseil-tresor/services/acces-information-protection-reseignements-personnels/acces-information/renseignements-programmes-fonds-renseignements/fichiers-renseignements-personnels-ordinaires.html#pou938">Fichier de renseignements personnels POU 938 - Activités de sensibilisation</a></li>
+          </ul>
+        </div>
+      </div>
+    </details>
+  </div>
+</div>
+<div class="row mrgn-tp-lg">
+  <div class="col-md-8">
+    <div class="wb-frmvld">
+      <form id="accessibility_feedback">
+        <div class="wb-fieldflow gc-font-2019" data-wb-fieldflow="{&quot;noForm&quot;: true, &quot;renderas&quot;:&quot;radio&quot;, &quot;gcChckbxrdio&quot;:true}">
+          <p>1. Sur quoi souhaitez-vous fournir une rétroaction?</p>
+          <ul>
+            <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;feedback_type&quot;, &quot;value&quot;: &quot;feedback_type1&quot;}">Obstacle à l’accessibilité</li>
+            <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;feedback_type&quot;, &quot;value&quot;: &quot;feedback_type2&quot;}">Plan sur l’accessibilité de [nom de l’institution]</li>
+            <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;feedback_type&quot;, &quot;value&quot;: &quot;feedback_type3&quot;}">Rapport d'étape sur l’accessibilité de [nom de l’institution]</li>
+            <li data-wb-fieldflow="[
+                                {&quot;action&quot;: &quot;toggle&quot;, &quot;toggle&quot;: &quot;#feedback_type_other&quot;, &quot;live&quot;:true },
+                                {&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;feedback_type&quot;, &quot;value&quot;: &quot;feedback_type4&quot; }
+                               ]">Autre élément</li>
+          </ul>
+        </div>
+        <div id="feedback_type_other" class="hidden">
+          <div class="form-group">
+            <label for="feedback_type3_desc"><span class="field-name gc-font-2019">Décrivez l’élément sur lequel vous souhaitez fournir une rétroaction</span></label>
+            <input class="form-control full-width input-lg" id="feedback_type3_desc" name="feedback_type3_desc" type="text" />
+          </div>
+        </div>
+        <div class="wb-fieldflow gc-font-2019" data-wb-fieldflow="{&quot;noForm&quot;: true, &quot;noreqlabel&quot;: true, &quot;renderas&quot;:&quot;checkbox&quot;, &quot;gcChckbxrdio&quot;:true}">
+          <p>2. Sélectionnez tous les domaines pertinents pour vos commentaires.</p>
+          <ul>
+            <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;areas&quot;, &quot;value&quot;: &quot;areas4&quot;}">Environnement physique (poignée de porte, rampe, ascenseur, etc.)</li>
+            <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;areas&quot;, &quot;value&quot;: &quot;areas5&quot;}">Emploi (p. ex. processus de recrutement)</li>
+            <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;areas&quot;, &quot;value&quot;: &quot;areas6&quot;}">Technologie (sites Web, applications logicielles, etc.) </li>
+            <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;areas&quot;, &quot;value&quot;: &quot;areas7&quot;}">Attitude (préjugés, microagressions, aspect lié à ma santé mentale, etc.)</li>
+            <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;areas&quot;, &quot;value&quot;: &quot;areas8&quot;}">Information et communication (formulaires, langage simple, bilinguisme, etc.) </li>
+            <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;areas&quot;, &quot;value&quot;: &quot;areas9&quot;}">Exclusion systémique (des événements, des politiques, des procédures, etc.) </li>
+            <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;areas&quot;, &quot;value&quot;: &quot;areas10&quot;}">Approvisionnement (appel d’offres pour des contrats, etc.) </li>
+            <li data-wb-fieldflow="[
+                                {&quot;action&quot;: &quot;toggle&quot;, &quot;toggle&quot;: &quot;#area_other&quot;, &quot;live&quot;: true},
+                                {&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;areas&quot;, &quot;value&quot;: &quot;areas11&quot;}
+                                ]">Autre domaine</li>
+          </ul>
+        </div>
+        <div id="area_other" class="hidden">
+          <div class="form-group">
+            <label for="areas_desc"><span class="field-name gc-font-2019">Décrivez le domaine sur lequel vous souhaitez fournir une rétroaction</span></label>
+            <input class="form-control full-width input-lg" id="areas_desc" name="areas_desc" type="text" />
+          </div>
+        </div>
+        <div class="form-group mrgn-tp-lg">
+          <label for="description" class="required"><span class="field-name gc-font-2019">3. Décrivez le problème et fournissez des commentaires. <strong class="required">(obligatoire)</strong></span></label>
+          <p>N’incluez pas de renseignements qui pourraient identifier une personne.</p>
+          <textarea class="form-control required full-width" rows="10" id="description"></textarea>
+        </div>
+        <div class="mrgn-tp-lg">
+          <div class="wb-fieldflow gc-font-2019" data-wb-fieldflow="{&quot;noForm&quot;: true, &quot;renderas&quot;:&quot;radio&quot;, &quot;gcChckbxrdio&quot;:true}">
+            <p>4.  Souhaitez-vous que nous communiquions avec vous au sujet de votre rétroaction?</p>
+            <ul>
+              <li data-wb-fieldflow="{&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;feedback_type&quot;, &quot;value&quot;: &quot;feedback_type1&quot;}">Non</li>
+              <li data-wb-fieldflow="[
+                                {&quot;action&quot;: &quot;toggle&quot;, &quot;toggle&quot;: &quot;#email_request_other&quot;, &quot;live&quot;:true },
+                                {&quot;action&quot;: &quot;query&quot;, &quot;name&quot;: &quot;feedback_type&quot;, &quot;value&quot;: &quot;feedback_type3&quot; }
+                               ]">Oui, je suis d’accord pour fournir mon adresse de courriel à des fins de contact uniquement</li>
+            </ul>
+          </div>
+          <div id="email_request_other" class="hidden">
+            <div class="form-group">
+              <label for="email1"><span class="field-name gc-font-2019">Adresse de courriel</span> ([email protected])</label>
+              <p>Votre adresse de courriel ne sera utilisée que pour communiquer avec vous. Elle ne sera pas transmise.</p>
+              <div class="row">
+                <div class="col-md-8">
+                  <input class="form-control input-lg full-width" id="email1" name="email1" type="email" autocomplete="email" />
+                </div>
+              </div>
+              <div class="clearfix"></div>
+            </div>
+          </div>
+        </div>
+      </form>
+    </div>
+    <div class="mrgn-tp-xl">
+      <ul class="list-inline">
+        <li>
+          <input class="btn btn-primary btn-lg mrgn-bttm-md" type="submit" value="Soumettre la rétroaction" />
+        </li>
+        <li><a href="afeedback-04-01-en.html" type="button" class="btn btn-link btn-lg">Annuler</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+<div class="clearfix"></div>
+
+  <section class="pagedetails">
+	<h2 class="wb-inv">Détails de la page</h2><dl id="wb-dtmd">
+	<dt>Date de modification&#160;:</dt>
+	<dd><time property="dateModified">2022-11-29</time></dd>
+</dl>
+</section>
+
+  </main>
+  <footer id="wb-info">
+	<h2 class="wb-inv">À propos de ce site</h2>
+	<div class="brand">
+		<div class="container d-flex align-items-center">
+			<nav>
+				<h3 class="wb-inv"></h3>
+				<h4><span class="wb-inv">Transparence</span></h4>
+				<ul><li><a href="https://www.canada.ca/fr/transparence/avis.html">Avis</a></li>
+					<li><a href="https://www.canada.ca/fr/transparence/confidentialite.html">Confidentialité</a></li></ul>
+			</nav>
+			<div class="wtrmrk align-self-end">
+				<img src="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/assets/wmms-blk.svg" alt="Symbole du gouvernement du Canada" />
+			</div>
+		</div>
+	</div>
+</footer>
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" integrity="sha384-rY/jv8mMhqDabXSo+UCggqKtdmBfd3qC2/KvyTDNQ6PcUJXaxK1tMepoQda4g5vB" crossorigin="anonymous"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
+<script src="https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/js/theme.min.js"></script>
+  </body>
+</html>