-
Notifications
You must be signed in to change notification settings - Fork 15
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #467 from canada-ca/accessibility-template
Accessibility template
- Loading branch information
Showing
6 changed files
with
432 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,41 @@ | ||
| --- | ||
| altLangPage: https://conception.canada.ca/modeles-recommandes/accessibilite/accessibilite.html | ||
| date: null | ||
| dateModified: '2024-12-05' | ||
| description: null | ||
| title: Accessibility at [Institution name] | ||
| section-title: "" | ||
| breadcrumbs: [{ | ||
| "link": "https://design.canada.ca/recommended-templates/accessibility/accessibility.html#", | ||
| "title": "[Institution name]" | ||
| } | ||
| ] | ||
| --- | ||
|
|
||
| <p>Provide feedback to help us create an accessible and barrier-free Canada.</p> | ||
| <ul> | ||
| <li>Comment on our accessibility plan</li> | ||
| <li>Describe accessibility barriers you have experienced with [Institution name]</li> | ||
| </ul> | ||
| <div><a class="btn btn-call-to-action" href="feedback-form.html">Provide feedback</a></div> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <section class="gc-srvinfo"> | ||
| <h2 class="wb-inv">Services and information</h2> | ||
| <div class="wb-eqht row"> | ||
| <div class="col-lg-4 col-md-6"> | ||
| <h3><a href="plan.html">Accessibility plan</a></h3> | ||
| <p>Policies, programs, practices, and services that help our organization contribute to the goal of an accessible and barrier-free Canada</p> | ||
| </div> | ||
| <div class="col-lg-4 col-md-6"> | ||
| <h3><a href="progress-reports-landing.html">Progress reports</a></h3> | ||
| <p>Results of our activities to improve how our organization contributes to the goal of an accessible and barrier-free Canada</p> | ||
| </div> | ||
| <div class="col-lg-4 col-md-6"> | ||
| <h3><a href="feedback-process.html">Feedback process</a></h3> | ||
| <p>Different ways to provide feedback, how to request alternate formats, what we do with your feedback and how to keep your feedback anonymous</p> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,230 @@ | ||
|
|
||
| <!DOCTYPE html> | ||
| <html class="no-js" lang="en" 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>[Institution name]’s accessibility feedback form - Canada.ca</title> | ||
| <meta content="width=device-width, initial-scale=1" name="viewport"> | ||
| <meta name="description" content="Provide feedback on [Institution name]’s accessibility plan, barriers you have experienced, or any matter related to accessibility." /> | ||
| <meta name="author" content=" "/> | ||
| <meta name="dcterms.title" content="[Institution name]’s accessibility feedback form"/> | ||
| <meta name="dcterms.description" content="Provide feedback on [Institution name]’s accessibility plan, barriers you have experienced, or any matter related to accessibility."/> | ||
| <meta name="dcterms.creator" content=" "/> | ||
| <meta name="dcterms.language" content="eng"/> | ||
| <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">Skip to main content</a></li> | ||
| <li class="wb-slc visible-sm visible-md visible-lg"><a class="wb-sl" href="#wb-info">Skip to About this site</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">Language selection</h2> | ||
| <ul class="list-inline mrgn-bttm-0"> | ||
| <li> | ||
| <a lang="fr" hreflang="fr" href="https://conception.canada.ca/accessibilite/formulaire-retroaction.html"> | ||
| <span class="hidden-xs" translate="no">Français</span> | ||
| <abbr title="Français" translate="no" class="visible-xs h3 mrgn-tp-sm mrgn-bttm-0 text-uppercase">fr</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-en.svg" alt="Government of Canada" property="logo" /><span class="wb-inv"> / <span lang="fr">Gouvernement du Canada</span></span> | ||
| </a> | ||
| <meta property="name" content="Government of 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">Accessibility feedback form</h1> | ||
| <div class="row mrgn-tp-lg"> | ||
| <div class="col-md-8"> | ||
| <p>Provide feedback on [Institution name]’s accessibility plan, barriers you have experienced, or any matter related to accessibility.</p> | ||
| <p>You can consult the <a href="feedback-process.html">Accessibility feedback process</a> for other ways to provide feedback and how we use your feedback.</p> | ||
| <details class="mrgn-tp-lg"> | ||
| <summary>Privacy disclaimer</summary> | ||
| <div class="row mrgn-tp-lg"> | ||
| <div class="col-md-12"> | ||
| <p>[Include your institution’s privacy disclaimer.]</p> | ||
| <h2>[Privacy disclaimer sample]</h2> | ||
| <p>The collection of personal information is authorized by section 7(1)(a) and Section 70 of the <em>Accessible | ||
| Canada Act</em>. This personal information is collected by the [Accessibility office or coordinator] to comply with the <em>Accessible Canada Act</em> by creating a mechanism to collect feedback and be able to respond back to the individual | ||
| and acknowledge that their feedback has been collected and how it was handled.</p> | ||
| <p>Collection and use of this personal information is in accordance | ||
| with the <em>Privacy Act</em>. The mechanism is used to collect feedback | ||
| internally and externally on our Accessibility Plan, | ||
| future progress reports, as well as accessibility and barriers to accessibility within the work carried out in each | ||
| department.</p> | ||
| <p>The personal information collected is described in Personal Information Bank PSU 938 – | ||
| Outreach Activities and will be retained for 7 years. Under the <em>Privacy Act</em> you have the right of access to, and correction of, your personal | ||
| information. To exercise either of these rights, contact [Institution name]’s ATIP Coordinator. If | ||
| you are not satisfied with Canadian Heritage’s response to your privacy concern, you may wish | ||
| to Contact the Office of the Privacy Commissioner of Canada.</p> | ||
| <h2 class="h3">Contact information</h2> | ||
| <ul class="mrgn-tp-lg"> | ||
| <li>[Institution name]’s ATIP Coordinator</li> | ||
| <li><a href="https://www.priv.gc.ca/en/contact-the-opc/">Contact the Office of the Privacy Commissioner of Canada</a></li> | ||
| </ul> | ||
| <h2 class="h3">References</h2> | ||
| <ul class="mrgn-tp-lg"> | ||
| <li><a href="https://www.laws-lois.justice.gc.ca/eng/acts/A-0.6/page-1.html">Accessible Canada Act</a> | ||
| <ul> | ||
| <li><a href="https://www.laws-lois.justice.gc.ca/eng/acts/A-0.6/page-1.html#h-1153444">section 7(1)(a)</a></li> | ||
| <li><a href="https://www.laws-lois.justice.gc.ca/eng/acts/A-0.6/page-5.html#h-1154040">Section 70</a></li> | ||
| </ul> | ||
| </li> | ||
| <li><a href="https://laws-lois.justice.gc.ca/ENG/ACTS/P-21/index.html">Privacy Act</a></li> | ||
| <li><a href="https://www.canada.ca/en/treasury-board-secretariat/services/access-information-privacy/access-information/information-about-programs-information-holdings/standard-personal-information-banks.html#psu938">Personal Information Bank PSU 938 – Outreach Activities</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="{"noForm": true, "renderas":"radio", "gcChckbxrdio":true}"> | ||
| <p>1. What do you want to provide feedback on?</p> | ||
| <ul> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "feedback_type", "value": "feedback_type1"}">Accessibility barrier</li> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "feedback_type", "value": "feedback_type2"}">[Institution name]'s accessibility plan</li> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "feedback_type", "value": "feedback_type3"}">[Institution name]'s progress report</li> | ||
| <li data-wb-fieldflow="[ | ||
| {"action": "toggle", "toggle": "#feedback_type_other", "live":true }, | ||
| {"action": "query", "name": "feedback_type", "value": "feedback_type4" } | ||
| ]">Other item</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">Describe the item you want to provide feedback on</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="{"noForm": true, "noreqlabel": true, "renderas":"checkbox", "gcChckbxrdio":true}"> | ||
| <p>2. Select all the areas that are relevant to your comments</p> | ||
| <ul> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "areas", "value": "areas4"}">Physical environment (door knob, ramp, elevator, etc.)</li> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "areas", "value": "areas5"}">Employment (recruitment processes, etc.)</li> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "areas", "value": "areas6"}">Technology (websites, software applications, etc.)</li> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "areas", "value": "areas7"}">Attitude (biases, micro aggressions, related to my mental health, etc.)</li> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "areas", "value": "areas8"}">Information and communication (forms, plain language, bilingualism, etc.)</li> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "areas", "value": "areas9"}">Systemic exclusion (events, policies, procedures, etc.)</li> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "areas", "value": "areas10"}">Procurement (bidding for contracts, etc.)</li> | ||
| <li data-wb-fieldflow="[ | ||
| {"action": "toggle", "toggle": "#area_other", "live": true}, | ||
| {"action": "query", "name": "areas", "value": "areas11"} | ||
| ]">Other area</li> | ||
| </ul> | ||
| </div> | ||
| <div id="area_other" class="hidden"> | ||
| <div class="form-group"> | ||
| <label for="areas_desc"><span class="field-name gc-font-2019">Describe the area you want to provide feedback on</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. Describe the issue and provide comments. <strong class="required">(required)</strong></span></label> | ||
| <p>Do not include information that could identify a person.</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="{"noForm": true, "renderas":"radio", "gcChckbxrdio":true}"> | ||
| <p>4. Do you want us to contact you about your feedback? </p> | ||
| <ul> | ||
| <li data-wb-fieldflow="{"action": "query", "name": "feedback_type", "value": "feedback_type1"}">No</li> | ||
| <li data-wb-fieldflow="[ | ||
| {"action": "toggle", "toggle": "#email_request_other", "live":true }, | ||
| {"action": "query", "name": "feedback_type", "value": "feedback_type3" } | ||
| ]">Yes, I’m comfortable providing my email address for contact purposes only.</li> | ||
| </ul> | ||
| </div> | ||
| <div id="email_request_other" class="hidden"> | ||
| <div class="form-group"> | ||
| <label for="email1"><span class="field-name gc-font-2019">Email address</span> ([email protected])</label> | ||
| <p>Your email address will only be used to contact you. It will not be shared.</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="Submit feedback" /> | ||
| </li> | ||
| <li><a href="afeedback-04-01-en.html" type="button" class="btn btn-link btn-lg">Cancel</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="clearfix"></div> | ||
|
|
||
| <section class="pagedetails"> | ||
| <h2 class="wb-inv">Page details</h2><dl id="wb-dtmd"> | ||
| <dt>Date modified:</dt> | ||
| <dd><time property="dateModified">2022-11-29</time></dd> | ||
| </dl> | ||
| </section> | ||
|
|
||
| </main> | ||
| <footer id="wb-info"> | ||
| <h2 class="wb-inv">About this site</h2> | ||
| <div class="brand"> | ||
| <div class="container d-flex align-items-center"> | ||
| <nav> | ||
| <h3 class="wb-inv"></h3> | ||
| <h4><span class="wb-inv">Transparency</span></h4> | ||
| <ul><li><a href="https://www.canada.ca/en/transparency/terms.html">Terms and conditions</a></li> | ||
| <li><a href="https://www.canada.ca/en/transparency/privacy.html">Privacy</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="Symbol of the Government of 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> |
Oops, something went wrong.