-
Notifications
You must be signed in to change notification settings - Fork 130
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
WCAG upgrage - add an test & example file for download-link
- Loading branch information
Showing
3 changed files
with
143 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,54 @@ | ||
| --- | ||
| { | ||
| "title": "Download link example", | ||
| "language": "en", | ||
| "altLangPage": "download_link-fr.html", | ||
| "breadcrumbs": [ | ||
| { "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-en.html" } | ||
| ], | ||
| "dateModified": "2023-04-20" | ||
| } | ||
| --- | ||
| <div class="wb-prettify all-pre"></div> | ||
|
|
||
| <h2>Download link</h2> | ||
| <p>Download links are used for referencing and linking to non-HTML files on Canada.ca web pages.</p> | ||
| <div class="row"> | ||
| <div class="col-sm-4"> | ||
| <a class="gc-dwnld-lnk" href="#"> | ||
| <div class="well gc-dwnld"> | ||
| <div class="row"> | ||
| <div class="col-xs-4"> | ||
| <p><img class="img-responsive thumbnail gc-dwnld-img" src="./../../templates/img/doc.png" alt="" /></p> | ||
| </div> | ||
| <div class="col-xs-8"> | ||
| <p class="gc-dwnld-txt"> | ||
| <span>Document Title</span> | ||
| <span class="gc-dwnld-info">(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| <h3>Code</h3> | ||
| <pre><code><div class="row"> | ||
| <div class="col-sm-4"> | ||
| <a class="gc-dwnld-lnk" href="#"> | ||
| <div class="well gc-dwnld"> | ||
| <div class="row"> | ||
| <div class="col-xs-4"> | ||
| <p><img class="img-responsive thumbnail gc-dwnld-img" src="./../../templates/img/doc.png" alt="" /></p> | ||
| </div> | ||
| <div class="col-xs-8"> | ||
| <p class="gc-dwnld-txt"> | ||
| <span>Document Title</span> | ||
| <span class="gc-dwnld-info">(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div></code></pre> |
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,54 @@ | ||
| --- | ||
| { | ||
| "title": "Download link example", | ||
| "language": "fr", | ||
| "altLangPage": "download_link-en.html", | ||
| "breadcrumbs": [ | ||
| { "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/index-en.html" } | ||
| ], | ||
| "dateModified": "2023-04-20" | ||
| } | ||
| --- | ||
| <div class="wb-prettify all-pre"></div> | ||
|
|
||
| <h2 id="telechargement">Lien de téléchargement</h2> | ||
| <p>Les liens de téléchargement servent à renvoyer ou à lier à des fichiers de format autre que HTML sur les pages Web de Canada.ca.</p> | ||
| <div class="row"> | ||
| <div class="col-sm-4"> | ||
| <a class="gc-dwnld-lnk" href="#"> | ||
| <div class="well gc-dwnld"> | ||
| <div class="row"> | ||
| <div class="col-xs-4"> | ||
| <p><img class="img-responsive thumbnail gc-dwnld-img" src="./../../templates/img/doc.png" alt="" /></p> | ||
| </div> | ||
| <div class="col-xs-8"> | ||
| <p class="gc-dwnld-txt"> | ||
| <span>Titre du document</span> | ||
| <span class="gc-dwnld-info">(<abbr lang="en" title="Portable Document Format">PDF</abbr>, 273 <abbr title="kilo octet">Ko</abbr>)</span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| <h3>Code</h3> | ||
| <pre><code><div class="row"> | ||
| <div class="col-sm-4"> | ||
| <a class="gc-dwnld-lnk" href="#"> | ||
| <div class="well gc-dwnld"> | ||
| <div class="row"> | ||
| <div class="col-xs-4"> | ||
| <p><img class="img-responsive thumbnail gc-dwnld-img" src="./../../templates/img/doc.png" alt="" /></p> | ||
| </div> | ||
| <div class="col-xs-8"> | ||
| <p class="gc-dwnld-txt"> | ||
| <span>Titre du document</span> | ||
| <span class="gc-dwnld-info">(<abbr lang="en" title="Portable Document Format">PDF</abbr>, 273 <abbr title="kilo octet">Ko</abbr>)</span> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div></code></pre> |
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,35 @@ | ||
| { | ||
| "@context": { | ||
| "@version": 1.1, | ||
| "dct": "http://purl.org/dc/terms/", | ||
| "title": { "@id": "dct:title", "@container": "@language" }, | ||
| "description": { "@id": "dct:description", "@container": "@language" }, | ||
| "modified": "dct:modified" | ||
| }, | ||
| "title": { | ||
| "en": "Download link", | ||
| "fr": "Lien de téléchargement" | ||
| }, | ||
| "description": { | ||
| "en": "Download link with custom styles.", | ||
| "fr": "Lien de téléchargement avec des styles personalisés." | ||
| }, | ||
| "modified": "2023-04-20", | ||
| "componentName": "download-link", | ||
| "processing": "baseline", | ||
| "status": "stable", | ||
| "pages": { | ||
| "examples": [ | ||
| { | ||
| "title": "Download link", | ||
| "language": "en", | ||
| "path": "download_link-en.html" | ||
| }, | ||
| { | ||
| "title": "Lien de téléchargement", | ||
| "language": "fr", | ||
| "path": "download_link-fr.html" | ||
| } | ||
| ] | ||
| } | ||
| } |