diff --git a/.eslintrc.json b/.eslintrc.json
index 8ca83a8b30..4e92f0841a 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -15,7 +15,7 @@
"JSON": true
},
"rules": {
- "indent": ["error", "tab", { "outerIIFEBody": 0 }],
+ "indent": ["error", "tab", { "outerIIFEBody": 0, "SwitchCase": 1 }],
"eqeqeq": [2, "allow-null"],
"no-eq-null": 2,
"no-unused-expressions": [2, { "allowTernary": true }],
diff --git a/.github/workflows/cd.yml b/.github/workflows/cd.yml
index 22a095895c..f9ee047916 100644
--- a/.github/workflows/cd.yml
+++ b/.github/workflows/cd.yml
@@ -17,7 +17,7 @@ jobs:
strategy:
matrix:
- node-version: [12.x]
+ node-version: [20.x]
env:
REPO_GCWEB: GCWeb
REPO_JEKYLL: gcweb-jekyll
@@ -79,7 +79,7 @@ jobs:
- name: Copy the missing _sprite_share.scss file - related to GCWeb#1737 about wet-boew#cc340a6 commit
run: |
- curl https://gist.githubusercontent.com/duboisp/d69787b300eb1f4d40f937508e10d013/raw/12cd8472baf6070d9868bdce3d961c3fb6320c83/_sprites_share.scss >> _sprites_share.scss
+ curl https://gist.githubusercontent.com/duboisp/d69787b300eb1f4d40f937508e10d013/raw/86e7a0b15ad6a695754599e9793e986b460bf514/_sprites_share.scss >> _sprites_share.scss
mv _sprites_share.scss node_modules/wet-boew/src/plugins/share/sprites/_sprites_share.scss
- name: Checkout wet-boew latest build
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 2f2bb9733f..32edc78c0f 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -12,7 +12,7 @@ jobs:
strategy:
matrix:
- node-version: [12.x]
+ node-version: [20.x]
steps:
- uses: actions/checkout@v2
@@ -42,7 +42,7 @@ jobs:
- name: Copy the missing _sprite_share.scss file - related to GCWeb#1737 about wet-boew#cc340a6 commit
run: |
- curl https://gist.githubusercontent.com/duboisp/d69787b300eb1f4d40f937508e10d013/raw/12cd8472baf6070d9868bdce3d961c3fb6320c83/_sprites_share.scss >> _sprites_share.scss
+ curl https://gist.githubusercontent.com/duboisp/d69787b300eb1f4d40f937508e10d013/raw/86e7a0b15ad6a695754599e9793e986b460bf514/_sprites_share.scss >> _sprites_share.scss
mv _sprites_share.scss node_modules/wet-boew/src/plugins/share/sprites/_sprites_share.scss
- name: Checkout wet-boew latest build
diff --git a/Dockerfile b/Dockerfile
index 77df248a4e..013346cbc0 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,5 +1,5 @@
-ARG RUBY_VERSION=2.7.3
+ARG RUBY_VERSION=3.3.0
FROM ruby:$RUBY_VERSION
RUN apt-get update \
@@ -15,6 +15,7 @@ RUN apt-get update \
jekyll-github-metadata \
minitest \
&& gem install rake html-proofer \
+ && gem install webrick \
&& mkdir -p /usr/src/app \
&& rm -rf /usr/lib/ruby/gems/*/cache/*.gem
diff --git a/Gemfile b/Gemfile
index d04cedfe97..7d48da77b6 100644
--- a/Gemfile
+++ b/Gemfile
@@ -12,3 +12,4 @@ gem 'minitest'
#gem "scss_lint"
gem "html-proofer"
gem "rake"
+gem "webrick"
diff --git a/Gruntfile.coffee b/Gruntfile.coffee
index c20ccca1b1..8a31e75a74 100644
--- a/Gruntfile.coffee
+++ b/Gruntfile.coffee
@@ -52,6 +52,17 @@ module.exports = (grunt) ->
]
)
+ @registerTask(
+ "build"
+ "Build a local working copy without dependencies check"
+ [
+ "jekyll-theme"
+ "jekyll-theme-runLocal"
+ "core-dist-DEBUG"
+ "site-contents"
+ ]
+ )
+
@registerTask(
"demo"
"Build a demo ready version of the site"
@@ -488,8 +499,7 @@ module.exports = (grunt) ->
"check-wet-version"
"Ensure WET-BOEW's version is the same in package as in node_modules",
(src) ->
- installedFull = this.data[0]
- installed = installedFull.substring(installedFull.indexOf("#") + 2)
+ installed = this.data[0]
expectedFull = this.data[1]
expected = expectedFull.substring(expectedFull.indexOf("#") + 2)
@@ -527,7 +537,7 @@ module.exports = (grunt) ->
checkGitUrls: true
"check-wet-version":
- src: ["<%= pkgWET._from %>", "<%= pkg.dependencies['wet-boew'] %>"]
+ src: ["<%= pkgWET.version %>", "<%= pkg.dependencies['wet-boew'] %>"]
"a11y-report":
all:
diff --git a/_config.yml b/_config.yml
index f3b4de53bd..dc56dfa1e1 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,6 +1,7 @@
#
# Local site settings
remote_theme: wet-boew/gcweb-jekyll
+repository: wet-boew/GCWeb
title: "GCWeb, the Canada.ca official theme" # Site name or title
website: "https://wet-boew.github.io/GCWeb/" # URL of your public facing website
global:
diff --git a/_data/a11yComponents.json b/_data/a11yComponents.json
index 429672cd6c..52706a435b 100644
--- a/_data/a11yComponents.json
+++ b/_data/a11yComponents.json
@@ -1 +1 @@
-[{"name":"Archived - template","a11y":[],"acr":[]},{"name":"Authentication","a11y":[],"acr":[]},{"name":"Breadcrumb trail","a11y":[],"acr":[]},{"name":"Date modified","a11y":[],"acr":[]},{"name":"Feedback area","a11y":[],"acr":[]},{"name":"Footer","a11y":[{"allStates":["earl:passed","earl:inapplicable"],"date":"2022-12-02","isPartial":false,"testRequirementNotCovered":[],"state":"Pass","link":"sites/footers/reports/a11y-1.json"}],"acr":[]},{"name":"GCWeb Menu","a11y":[],"acr":[]},{"name":"Header","a11y":[],"acr":[]},{"name":"Helpers","a11y":[],"acr":[]},{"name":"Language toggle link","a11y":[],"acr":[]},{"name":"Page details","a11y":[],"acr":[]},{"name":"Secondary/Local menu","a11y":[],"acr":[]},{"name":"Skip links","a11y":[],"acr":[]},{"name":"Checkboxes and radio buttons","a11y":[],"acr":[]},{"name":"Download link","a11y":[],"acr":[]},{"name":"Featured link - Documentation and working example","a11y":[],"acr":[]},{"name":"Context-specific features","a11y":[{"allStates":["earl:untested","earl:inapplicable"],"date":"2023-06-30","isPartial":false,"testRequirementNotCovered":[],"state":"Mixed","link":"components/gc-features/reports/pre-a11y-1.json"},{"allStates":["earl:passed","earl:inapplicable"],"date":"2023-08-23","isPartial":false,"testRequirementNotCovered":[],"state":"Pass","link":"components/gc-features/reports/pre-a11y-2.json"}],"acr":[]},{"name":"Feeds plugin GC override","a11y":[],"acr":[]},{"name":"Most requested - Documentation and working example","a11y":[],"acr":[]},{"name":"Services and information","a11y":[],"acr":[]},{"name":"Step by Step navigation","a11y":[],"acr":[]},{"name":"GC Subway map menu","a11y":[],"acr":[]},{"name":"GC tables","a11y":[],"acr":[]},{"name":"Table of Contents","a11y":[],"acr":[]},{"name":"Well header responsive","a11y":[],"acr":[]},{"name":"Other components","a11y":[],"acr":[]},{"name":"Labels","a11y":[],"acr":[]},{"name":"List - Additional style","a11y":[],"acr":[]},{"name":"Chat wizard","a11y":[],"acr":[]},{"name":"Data JSON","a11y":[],"acr":[]},{"name":"Do action","a11y":[],"acr":[]},{"name":"Fieldflow","a11y":[],"acr":[]},{"name":"JSON Manager","a11y":[],"acr":[]},{"name":"Datalist dynamic suggestion","a11y":[],"acr":[]},{"name":"URL Mapping","a11y":[],"acr":[]},{"name":"wb5-click postback converter","a11y":[],"acr":[]},{"name":"Well bold","a11y":[],"acr":[]},{"name":"Ajax Fetch","a11y":[],"acr":[]},{"name":"Alert","a11y":[],"acr":[]},{"name":"Alignment","a11y":[],"acr":[]},{"name":"Buttons","a11y":[],"acr":[]},{"name":"Color (Foreground/Background)","a11y":[],"acr":[]},{"name":"List","a11y":[],"acr":[]},{"name":"Scaffolding","a11y":[{"allStates":["earl:failed"],"date":"2023-11-21","isPartial":true,"testRequirementNotCovered":["WCAG21:non-text-content","WCAG21:audio-only-and-video-only-prerecorded","WCAG21:captions-prerecorded","WCAG21:audio-description-or-media-alternative-prerecorded","WCAG21:captions-live","WCAG21:audio-description-prerecorded","WCAG21:info-and-relationships","WCAG21:meaningful-sequence","WCAG21:sensory-characteristics","WCAG21:orientation","WCAG21:identify-input-purpose","WCAG21:use-of-color","WCAG21:audio-control","WCAG21:contrast-minimum","WCAG21:resize-text","WCAG21:image-of-text","WCAG21:reflow","WCAG21:text-spacing","WCAG21:content-on-hover-or-focus","WCAG21:keyboard","WCAG21:no-keyboard-trap","WCAG21:character-key-shortcuts","WCAG21:timing-adjustable","WCAG21:pause-stop-hide","WCAG21:three-flashes-or-below-threshold","WCAG21:bypass-blocks","WCAG21:page-titled","WCAG21:focus-order","WCAG21:link-purpose-in-context","WCAG21:multiple-ways","WCAG21:headings-and-labels","WCAG21:focus-visible","WCAG21:pointer-gestures","WCAG21:pointer-cancellation","WCAG21:label-in-name","WCAG21:motion-actuation","WCAG21:language-of-page","WCAG21:language-of-parts","WCAG21:on-focus","WCAG21:on-input","WCAG21:consistent-navigation","WCAG21:consistent-identification","WCAG21:error-identification","WCAG21:labels-or-instructions","WCAG21:error-suggestion","WCAG21:error-prevention-legal-financial-data)","WCAG21:parsing","WCAG21:name-role-value","WCAG21:status-messages"],"state":"earl:failed","link":"common/scaffolding/reports/a11y-1.json"}],"acr":[]},{"name":"Share widget","a11y":[{"allStates":["earl:passed","earl:inapplicable","earl:untested"],"date":"2023-07-06","isPartial":false,"testRequirementNotCovered":[],"state":"Mixed","link":"common/share/reports/pre-ally-1.json"}],"acr":[]},{"name":"Tables","a11y":[],"acr":[]},{"name":"Basic HTML","a11y":[],"acr":[]},{"name":"Advanced Service - Probably deprecated","a11y":[],"acr":[]},{"name":"Application","a11y":[],"acr":[]},{"name":"Campaign name","a11y":[],"acr":[]},{"name":"Content page","a11y":[],"acr":[]},{"name":"Home","a11y":[],"acr":[]},{"name":"Other template","a11y":[],"acr":[]},{"name":"Index","a11y":[],"acr":[]},{"name":"Institutional profile","a11y":[],"acr":[]},{"name":"Laws and regulations pages","a11y":[],"acr":[]},{"name":"Lowest topic (with secondary navigation)","a11y":[],"acr":[]},{"name":"Ministerial profile","a11y":[],"acr":[]},{"name":"News","a11y":[],"acr":[]},{"name":"Organizational profile","a11y":[],"acr":[]},{"name":"Search results","a11y":[],"acr":[]},{"name":"Server error message","a11y":[],"acr":[]},{"name":"Splash page - Canada.ca","a11y":[],"acr":[]},{"name":"Thematic","a11y":[],"acr":[]},{"name":"Beta - Theme, Topic","a11y":[],"acr":[]},{"name":"Topic","a11y":[],"acr":[]},{"name":"Background image","a11y":[],"acr":[]},{"name":"Favicon","a11y":[],"acr":[]}]
\ No newline at end of file
+[{"name":"Archived - template","a11y":[],"acr":[]},{"name":"Authentication","a11y":[],"acr":[]},{"name":"Breadcrumb trail","a11y":[],"acr":[]},{"name":"Date modified","a11y":[],"acr":[]},{"name":"Feedback area","a11y":[{"allStates":["earl:passed","earl:inapplicable","earl:failed","earl:cantTell"],"date":"2023-10-30","isPartial":true,"testRequirementNotCovered":["WCAG21:error-prevention-legal-financial-data)"],"state":"Mixed","link":"sites/feedback/reports/pre-a11y-2.json"}],"acr":[{"allStates":[],"date":"2023-12-14","isPartial":false,"conformityNotCovered":[],"conformity":"Satisfied","link":"sites/feedback/reports/acr-2023-autumn.json","state":"Empty and incomplete","createdOn":"2023-12-14"}]},{"name":"Footer","a11y":[{"allStates":["earl:passed","earl:inapplicable"],"date":"2022-12-02","isPartial":false,"testRequirementNotCovered":[],"state":"Pass","link":"sites/footers/reports/a11y-1.json"}],"acr":[]},{"name":"GCWeb Menu","a11y":[],"acr":[]},{"name":"Header","a11y":[],"acr":[]},{"name":"Helpers","a11y":[],"acr":[]},{"name":"Language toggle link","a11y":[],"acr":[]},{"name":"Main title of the page","a11y":[],"acr":[]},{"name":"Page details","a11y":[],"acr":[]},{"name":"Secondary/Local menu","a11y":[],"acr":[]},{"name":"Skip links","a11y":[],"acr":[]},{"name":"Bold content","a11y":[],"acr":[]},{"name":"Checkboxes and radio buttons","a11y":[],"acr":[]},{"name":"Download link","a11y":[],"acr":[]},{"name":"Featured link - Documentation and working example","a11y":[{"allStates":["earl:inapplicable","earl:untested"],"date":"2023-09-21","isPartial":true,"testRequirementNotCovered":["WCAG21:error-prevention-legal-financial-data)"],"state":"Mixed","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"allStates":["earl:inapplicable","earl:passed"],"date":"2023-09-21","isPartial":true,"testRequirementNotCovered":["WCAG21:error-prevention-legal-financial-data)"],"state":"Pass","link":"components/gc-featured-link/reports/pre-a11y-2.json"}],"acr":[]},{"name":"Context-specific features","a11y":[{"allStates":["earl:untested","earl:inapplicable"],"date":"2023-06-30","isPartial":true,"testRequirementNotCovered":["WCAG21:error-prevention-legal-financial-data)"],"state":"Mixed","link":"components/gc-features/reports/pre-a11y-1.json"},{"allStates":["earl:passed","earl:inapplicable"],"date":"2023-08-23","isPartial":true,"testRequirementNotCovered":["WCAG21:error-prevention-legal-financial-data)"],"state":"Pass","link":"components/gc-features/reports/pre-a11y-2.json"}],"acr":[]},{"name":"Social media channels","a11y":[],"acr":[]},{"name":"Most requested - Documentation and working example","a11y":[],"acr":[]},{"name":"Services and information","a11y":[{"allStates":["earl:passed","earl:inapplicable","earl:untested"],"date":"2023-07-06","isPartial":false,"testRequirementNotCovered":[],"state":"Mixed","link":"components/gc-servinfo/reports/ally-1.json"}],"acr":[]},{"name":"Step by Step navigation","a11y":[],"acr":[]},{"name":"GC Subway map menu","a11y":[],"acr":[]},{"name":"GC tables","a11y":[],"acr":[]},{"name":"Table of Contents","a11y":[],"acr":[]},{"name":"Well header responsive","a11y":[],"acr":[]},{"name":"Images","a11y":[],"acr":[]},{"name":"Other components","a11y":[],"acr":[]},{"name":"Labels","a11y":[],"acr":[]},{"name":"List - Additional style","a11y":[],"acr":[]},{"name":"Chat wizard","a11y":[],"acr":[]},{"name":"Do action","a11y":[],"acr":[]},{"name":"Fieldflow","a11y":[],"acr":[]},{"name":"Datalist dynamic suggestion","a11y":[],"acr":[]},{"name":"URL Mapping","a11y":[],"acr":[]},{"name":"wb5-click postback converter","a11y":[],"acr":[]},{"name":"Ajax Fetch","a11y":[{"allStates":["earl:inapplicable","earl:untested"],"date":"2023-09-09","isPartial":false,"testRequirementNotCovered":[],"state":"Mixed","link":"common/ajax-fetch/reports/pre-a11y-1.json"}],"acr":[]},{"name":"Alert","a11y":[],"acr":[]},{"name":"Alignment","a11y":[],"acr":[]},{"name":"Buttons","a11y":[],"acr":[]},{"name":"Color (Foreground/Background)","a11y":[],"acr":[]},{"name":"List","a11y":[],"acr":[]},{"name":"Scaffolding","a11y":[{"allStates":["earl:failed"],"date":"2023-11-21","isPartial":true,"testRequirementNotCovered":["WCAG21:non-text-content","WCAG21:audio-only-and-video-only-prerecorded","WCAG21:captions-prerecorded","WCAG21:audio-description-or-media-alternative-prerecorded","WCAG21:captions-live","WCAG21:audio-description-prerecorded","WCAG21:info-and-relationships","WCAG21:meaningful-sequence","WCAG21:sensory-characteristics","WCAG21:orientation","WCAG21:identify-input-purpose","WCAG21:use-of-color","WCAG21:audio-control","WCAG21:contrast-minimum","WCAG21:resize-text","WCAG21:image-of-text","WCAG21:reflow","WCAG21:text-spacing","WCAG21:content-on-hover-or-focus","WCAG21:keyboard","WCAG21:no-keyboard-trap","WCAG21:character-key-shortcuts","WCAG21:timing-adjustable","WCAG21:pause-stop-hide","WCAG21:three-flashes-or-below-threshold","WCAG21:bypass-blocks","WCAG21:page-titled","WCAG21:focus-order","WCAG21:link-purpose-in-context","WCAG21:multiple-ways","WCAG21:headings-and-labels","WCAG21:focus-visible","WCAG21:pointer-gestures","WCAG21:pointer-cancellation","WCAG21:label-in-name","WCAG21:motion-actuation","WCAG21:language-of-page","WCAG21:language-of-parts","WCAG21:on-focus","WCAG21:on-input","WCAG21:consistent-navigation","WCAG21:consistent-identification","WCAG21:error-identification","WCAG21:labels-or-instructions","WCAG21:error-suggestion","WCAG21:error-prevention-legal-financial-data)","WCAG21:parsing","WCAG21:name-role-value","WCAG21:status-messages"],"state":"earl:failed","link":"common/scaffolding/reports/a11y-1.json"},{"allStates":["earl:passed","earl:inapplicable","earl:cantTell",null],"date":"2024-02-29","isPartial":true,"testRequirementNotCovered":["WCAG21:bypass-blocks"],"state":"Mixed","link":"common/scaffolding/reports/ally-assess-1.json"}],"acr":[]},{"name":"Share widget","a11y":[{"allStates":["earl:passed","earl:inapplicable","earl:untested"],"date":"2023-07-06","isPartial":false,"testRequirementNotCovered":[],"state":"Mixed","link":"common/share/reports/pre-ally-1.json"}],"acr":[]},{"name":"Tables","a11y":[],"acr":[]},{"name":"Basic HTML","a11y":[],"acr":[]},{"name":"Advanced Service - Probably deprecated","a11y":[],"acr":[]},{"name":"Application","a11y":[],"acr":[]},{"name":"Campaign name","a11y":[],"acr":[]},{"name":"Content page","a11y":[],"acr":[]},{"name":"Home","a11y":[{"allStates":["earl:untested","earl:inapplicable"],"date":"2023-07-14","isPartial":false,"testRequirementNotCovered":[],"state":"Mixed","link":"templates/home/reports/pre-a11y-1.json"}],"acr":[]},{"name":"Other template","a11y":[],"acr":[]},{"name":"Index","a11y":[],"acr":[]},{"name":"Institutional profile","a11y":[],"acr":[]},{"name":"Laws and regulations pages","a11y":[],"acr":[]},{"name":"Lowest topic (with secondary navigation)","a11y":[],"acr":[]},{"name":"Ministerial profile","a11y":[],"acr":[]},{"name":"News","a11y":[],"acr":[]},{"name":"Organizational profile","a11y":[],"acr":[]},{"name":"Search results","a11y":[],"acr":[]},{"name":"Server error message","a11y":[],"acr":[]},{"name":"Splash page - Canada.ca","a11y":[],"acr":[]},{"name":"Thematic","a11y":[],"acr":[]},{"name":"Beta - Theme, Topic","a11y":[],"acr":[]},{"name":"Topic","a11y":[],"acr":[]}]
\ No newline at end of file
diff --git a/_data/a11yTestRequirement.json b/_data/a11yTestRequirement.json
index 7c5c4469ac..5e5518acd7 100644
--- a/_data/a11yTestRequirement.json
+++ b/_data/a11yTestRequirement.json
@@ -1 +1 @@
-{"allComponents":["footers","gc-features","share","scaffolding"],"list":[{"earl:test":"act:rules/automated/accessibility_insights_web","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"act:rules/automated/accessibility_insights_web"},{"earl:test":"WCAG21:non-text-content","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:non-text-content"},{"earl:test":"WCAG21:audio-only-and-video-only-prerecorded","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:audio-only-and-video-only-prerecorded"},{"earl:test":"WCAG21:captions-prerecorded","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:captions-prerecorded"},{"earl:test":"WCAG21:audio-description-or-media-alternative-prerecorded","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:audio-description-or-media-alternative-prerecorded"},{"earl:test":"WCAG21:captions-live","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:captions-live"},{"earl:test":"WCAG21:audio-description-prerecorded","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:audio-description-prerecorded"},{"earl:test":"WCAG21:info-and-relationships","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:info-and-relationships"},{"earl:test":"WCAG21:meaningful-sequence","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:meaningful-sequence"},{"earl:test":"WCAG21:sensory-characteristics","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":2,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:sensory-characteristics"},{"earl:test":"WCAG21:orientation","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:orientation"},{"earl:test":"WCAG21:identify-input-purpose","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:identify-input-purpose"},{"earl:test":"WCAG21:use-of-color","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:use-of-color"},{"earl:test":"WCAG21:audio-control","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:audio-control"},{"earl:test":"WCAG21:contrast-minimum","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:contrast-minimum"},{"earl:test":"WCAG21:resize-text","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:resize-text"},{"earl:test":"WCAG21:image-of-text","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:image-of-text"},{"earl:test":"WCAG21:reflow","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:reflow"},{"earl:test":"WCAG21:non-text-contrast","nbPassed":3,"nbFailed":1,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:failed","isApplicable":true,"date":"2023-11-21","link":"common/scaffolding/reports/a11y-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:non-text-contrast"},{"earl:test":"WCAG21:text-spacing","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:text-spacing"},{"earl:test":"WCAG21:content-on-hover-or-focus","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":2,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:content-on-hover-or-focus"},{"earl:test":"WCAG21:keyboard","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:keyboard"},{"earl:test":"WCAG21:no-keyboard-trap","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:no-keyboard-trap"},{"earl:test":"WCAG21:character-key-shortcuts","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":4,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:character-key-shortcuts"},{"earl:test":"WCAG21:timing-adjustable","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:timing-adjustable"},{"earl:test":"WCAG21:pause-stop-hide","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":4,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:pause-stop-hide"},{"earl:test":"WCAG21:three-flashes-or-below-threshold","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":2,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:three-flashes-or-below-threshold"},{"earl:test":"WCAG21:bypass-blocks","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:bypass-blocks"},{"earl:test":"WCAG21:page-titled","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:page-titled"},{"earl:test":"WCAG21:focus-order","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:focus-order"},{"earl:test":"WCAG21:link-purpose-in-context","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:link-purpose-in-context"},{"earl:test":"WCAG21:multiple-ways","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":4,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:multiple-ways"},{"earl:test":"WCAG21:headings-and-labels","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:headings-and-labels"},{"earl:test":"WCAG21:focus-visible","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:focus-visible"},{"earl:test":"WCAG22:focus-appearance-minimum","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:focus-appearance-minimum"},{"earl:test":"WCAG22:page-break-navigation","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:page-break-navigation"},{"earl:test":"WCAG21:pointer-gestures","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":2,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:pointer-gestures"},{"earl:test":"WCAG21:pointer-cancellation","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:pointer-cancellation"},{"earl:test":"WCAG21:label-in-name","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:label-in-name"},{"earl:test":"WCAG21:motion-actuation","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:motion-actuation"},{"earl:test":"WCAG22:dragging-movements","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:dragging-movements"},{"earl:test":"WCAG22:target-size-minimum","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:target-size-minimum"},{"earl:test":"WCAG21:language-of-page","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:language-of-page"},{"earl:test":"WCAG21:language-of-parts","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":2,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:language-of-parts"},{"earl:test":"WCAG21:on-focus","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:on-focus"},{"earl:test":"WCAG21:on-input","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:on-input"},{"earl:test":"WCAG21:consistent-navigation","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":2,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:consistent-navigation"},{"earl:test":"WCAG21:consistent-identification","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:consistent-identification"},{"earl:test":"WCAG22:consistent-help","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:consistent-help"},{"earl:test":"WCAG22:visible-controls","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:visible-controls"},{"earl:test":"WCAG21:error-identification","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:error-identification"},{"earl:test":"WCAG21:labels-or-instructions","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:labels-or-instructions"},{"earl:test":"WCAG21:error-suggestion","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:error-suggestion"},{"earl:test":"WCAG21:error-prevention-legal-financial-data)","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:error-prevention-legal-financial-data)"},{"earl:test":"WCAG22:accessible-authentication","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:accessible-authentication"},{"earl:test":"WCAG22:redundant-entry","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:redundant-entry"},{"earl:test":"WCAG21:parsing","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:parsing"},{"earl:test":"WCAG21:name-role-value","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":1,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:name-role-value"},{"earl:test":"WCAG21:status-messages","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]}],"id":"WCAG21:status-messages"}]}
\ No newline at end of file
+{"allComponents":["feedback","footers","gc-featured-link","gc-features","gc-servinfo","ajax-fetch","scaffolding","share","home"],"list":[{"earl:test":"WCAG21:non-text-content","nbPassed":6,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":2,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:non-text-content"},{"earl:test":"WCAG21:audio-only-and-video-only-prerecorded","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":9,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:audio-only-and-video-only-prerecorded"},{"earl:test":"WCAG21:captions-prerecorded","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":10,"nbUntested":0,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:captions-prerecorded"},{"earl:test":"WCAG21:audio-description-or-media-alternative-prerecorded","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":10,"nbUntested":0,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:audio-description-or-media-alternative-prerecorded"},{"earl:test":"WCAG21:captions-live","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":10,"nbUntested":0,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:captions-live"},{"earl:test":"WCAG21:audio-description-prerecorded","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":10,"nbUntested":0,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:audio-description-prerecorded"},{"earl:test":"WCAG21:info-and-relationships","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:info-and-relationships"},{"earl:test":"WCAG21:meaningful-sequence","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:meaningful-sequence"},{"earl:test":"WCAG21:sensory-characteristics","nbPassed":4,"nbFailed":0,"nbCantTell":1,"nbInapplicable":5,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:cantTell","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:sensory-characteristics"},{"earl:test":"WCAG21:orientation","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:orientation"},{"earl:test":"WCAG21:identify-input-purpose","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":8,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:identify-input-purpose"},{"earl:test":"WCAG21:use-of-color","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":3,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:use-of-color"},{"earl:test":"WCAG21:audio-control","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":10,"nbUntested":0,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:audio-control"},{"earl:test":"WCAG21:contrast-minimum","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:contrast-minimum"},{"earl:test":"WCAG21:resize-text","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:resize-text"},{"earl:test":"WCAG21:image-of-text","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":9,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:image-of-text"},{"earl:test":"WCAG21:reflow","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:reflow"},{"earl:test":"WCAG21:non-text-contrast","nbPassed":7,"nbFailed":1,"nbCantTell":0,"nbInapplicable":1,"nbUntested":3,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:failed","isApplicable":true,"date":"2023-11-21","link":"common/scaffolding/reports/a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:non-text-contrast"},{"earl:test":"WCAG21:text-spacing","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:text-spacing"},{"earl:test":"WCAG21:content-on-hover-or-focus","nbPassed":4,"nbFailed":0,"nbCantTell":0,"nbInapplicable":2,"nbUntested":5,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:content-on-hover-or-focus"},{"earl:test":"WCAG21:keyboard","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:keyboard"},{"earl:test":"WCAG21:no-keyboard-trap","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:no-keyboard-trap"},{"earl:test":"WCAG21:character-key-shortcuts","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":11,"nbUntested":0,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:character-key-shortcuts"},{"earl:test":"WCAG21:timing-adjustable","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":10,"nbUntested":0,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:timing-adjustable"},{"earl:test":"WCAG21:pause-stop-hide","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":10,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:pause-stop-hide"},{"earl:test":"WCAG21:three-flashes-or-below-threshold","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":6,"nbUntested":2,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:three-flashes-or-below-threshold"},{"earl:test":"WCAG21:bypass-blocks","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":7,"nbUntested":2,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:bypass-blocks"},{"earl:test":"WCAG21:page-titled","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":9,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:page-titled"},{"earl:test":"WCAG21:focus-order","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:focus-order"},{"earl:test":"WCAG21:link-purpose-in-context","nbPassed":6,"nbFailed":0,"nbCantTell":0,"nbInapplicable":2,"nbUntested":3,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:link-purpose-in-context"},{"earl:test":"WCAG21:multiple-ways","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":9,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:multiple-ways"},{"earl:test":"WCAG21:headings-and-labels","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":3,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:headings-and-labels"},{"earl:test":"WCAG21:focus-visible","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":3,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:focus-visible"},{"earl:test":"WCAG21:pointer-gestures","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":8,"nbUntested":2,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:pointer-gestures"},{"earl:test":"WCAG21:pointer-cancellation","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":6,"nbUntested":2,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:pointer-cancellation"},{"earl:test":"WCAG21:label-in-name","nbPassed":3,"nbFailed":1,"nbCantTell":0,"nbInapplicable":5,"nbUntested":2,"components":[{"name":"feedback","a11y":[{"outcome":"earl:failed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:label-in-name"},{"earl:test":"WCAG21:motion-actuation","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":10,"nbUntested":0,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:motion-actuation"},{"earl:test":"WCAG21:language-of-page","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":9,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:language-of-page"},{"earl:test":"WCAG21:language-of-parts","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":5,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:language-of-parts"},{"earl:test":"WCAG21:on-focus","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":3,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:on-focus"},{"earl:test":"WCAG21:on-input","nbPassed":3,"nbFailed":0,"nbCantTell":0,"nbInapplicable":7,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:on-input"},{"earl:test":"WCAG21:consistent-navigation","nbPassed":4,"nbFailed":0,"nbCantTell":0,"nbInapplicable":6,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:consistent-navigation"},{"earl:test":"WCAG21:consistent-identification","nbPassed":4,"nbFailed":0,"nbCantTell":0,"nbInapplicable":5,"nbUntested":2,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:consistent-identification"},{"earl:test":"WCAG21:error-identification","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":9,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:error-identification"},{"earl:test":"WCAG21:labels-or-instructions","nbPassed":2,"nbFailed":0,"nbCantTell":0,"nbInapplicable":8,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:labels-or-instructions"},{"earl:test":"WCAG21:error-suggestion","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":9,"nbUntested":1,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:error-suggestion"},{"earl:test":"WCAG21:error-prevention-legal-financial-data","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":5,"nbUntested":0,"components":[{"name":"feedback","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":false,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":false,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]}],"id":"WCAG21:error-prevention-legal-financial-data"},{"earl:test":"WCAG21:parsing","nbPassed":7,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":4,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:passed","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:parsing"},{"earl:test":"WCAG21:name-role-value","nbPassed":5,"nbFailed":0,"nbCantTell":0,"nbInapplicable":3,"nbUntested":3,"components":[{"name":"feedback","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:untested","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:name-role-value"},{"earl:test":"WCAG21:status-messages","nbPassed":1,"nbFailed":0,"nbCantTell":1,"nbInapplicable":9,"nbUntested":0,"components":[{"name":"feedback","a11y":[{"outcome":"earl:cantTell","isApplicable":true,"date":"2023-10-30","link":"sites/feedback/reports/pre-a11y-2.json"}]},{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-featured-link","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-21","link":"components/gc-featured-link/reports/pre-a11y-2.json"}]},{"name":"gc-features","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-06-30","link":"components/gc-features/reports/pre-a11y-1.json"},{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-08-23","link":"components/gc-features/reports/pre-a11y-2.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:status-messages"},{"earl:test":"act:rules/automated/accessibility_insights_web","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"act:rules/automated/accessibility_insights_web"},{"earl:test":"WCAG22:focus-appearance-minimum","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:focus-appearance-minimum"},{"earl:test":"WCAG22:page-break-navigation","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:page-break-navigation"},{"earl:test":"WCAG22:dragging-movements","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:dragging-movements"},{"earl:test":"WCAG22:target-size-minimum","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:target-size-minimum"},{"earl:test":"WCAG22:consistent-help","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:consistent-help"},{"earl:test":"WCAG22:visible-controls","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:visible-controls"},{"earl:test":"WCAG21:error-prevention-legal-financial-data)","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":5,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:passed","isApplicable":true,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]},{"name":"gc-servinfo","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"components/gc-servinfo/reports/ally-1.json"}]},{"name":"ajax-fetch","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-09-09","link":"common/ajax-fetch/reports/pre-a11y-1.json"}]},{"name":"scaffolding","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]},{"name":"share","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-06","link":"common/share/reports/pre-ally-1.json"}]},{"name":"home","a11y":[{"outcome":"earl:inapplicable","isApplicable":true,"date":"2023-07-14","link":"templates/home/reports/pre-a11y-1.json"}]}],"id":"WCAG21:error-prevention-legal-financial-data)"},{"earl:test":"WCAG22:accessible-authentication","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:accessible-authentication"},{"earl:test":"WCAG22:redundant-entry","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":1,"nbUntested":0,"components":[{"name":"footers","a11y":[{"outcome":"earl:inapplicable","isApplicable":false,"date":"2022-12-02","link":"sites/footers/reports/a11y-1.json"}]}],"id":"WCAG22:redundant-entry"},{"earl:test":"WCAG21:byNot tested-blocks","nbPassed":0,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":0,"components":[{"name":"scaffolding","a11y":[{"isApplicable":false,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]}],"id":"WCAG21:byNot tested-blocks"},{"earl:test":"act:rules/automated/axe_core","nbPassed":1,"nbFailed":0,"nbCantTell":0,"nbInapplicable":0,"nbUntested":0,"components":[{"name":"scaffolding","a11y":[{"outcome":"earl:passed","isApplicable":false,"date":"2024-02-29","link":"common/scaffolding/reports/ally-assess-1.json"}]}],"id":"act:rules/automated/axe_core"}]}
\ No newline at end of file
diff --git a/_data/acrConformity.json b/_data/acrConformity.json
index 1f1f8d95d2..8436179a1d 100644
--- a/_data/acrConformity.json
+++ b/_data/acrConformity.json
@@ -1 +1 @@
-{"allComponents":[],"list":[]}
\ No newline at end of file
+{"allComponents":["feedback"],"list":[{"acr:requirement":"WCAG21:non-text-content","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:non-text-content"},{"acr:requirement":"WCAG21:audio-only-and-video-only-prerecorded","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:audio-only-and-video-only-prerecorded"},{"acr:requirement":"WCAG21:captions-prerecorded","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:captions-prerecorded"},{"acr:requirement":"WCAG21:audio-description-or-media-alternative-prerecorded","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:audio-description-or-media-alternative-prerecorded"},{"acr:requirement":"WCAG21:captions-live","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:captions-live"},{"acr:requirement":"WCAG21:audio-description-prerecorded","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:audio-description-prerecorded"},{"acr:requirement":"WCAG21:info-and-relationships","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:info-and-relationships"},{"acr:requirement":"WCAG21:meaningful-sequence","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:meaningful-sequence"},{"acr:requirement":"WCAG21:sensory-characteristics","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:sensory-characteristics"},{"acr:requirement":"WCAG21:orientation","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:orientation"},{"acr:requirement":"WCAG21:identify-input-purpose","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:identify-input-purpose"},{"acr:requirement":"WCAG21:use-of-color","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:use-of-color"},{"acr:requirement":"WCAG21:audio-control","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:audio-control"},{"acr:requirement":"WCAG21:contrast-minimum","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:contrast-minimum"},{"acr:requirement":"WCAG21:resize-text","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:resize-text"},{"acr:requirement":"WCAG21:image-of-text","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:image-of-text"},{"acr:requirement":"WCAG21:reflow","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:reflow"},{"acr:requirement":"WCAG21:non-text-contrast","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:non-text-contrast"},{"acr:requirement":"WCAG21:text-spacing","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:text-spacing"},{"acr:requirement":"WCAG21:content-on-hover-or-focus","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:content-on-hover-or-focus"},{"acr:requirement":"WCAG21:keyboard","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:keyboard"},{"acr:requirement":"WCAG21:no-keyboard-trap","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:no-keyboard-trap"},{"acr:requirement":"WCAG21:character-key-shortcuts","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:character-key-shortcuts"},{"acr:requirement":"WCAG21:timing-adjustable","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:timing-adjustable"},{"acr:requirement":"WCAG21:pause-stop-hide","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:pause-stop-hide"},{"acr:requirement":"WCAG21:three-flashes-or-below-threshold","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:three-flashes-or-below-threshold"},{"acr:requirement":"WCAG21:bypass-blocks","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:bypass-blocks"},{"acr:requirement":"WCAG21:page-titled","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:page-titled"},{"acr:requirement":"WCAG21:focus-order","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:focus-order"},{"acr:requirement":"WCAG21:link-purpose-in-context","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:link-purpose-in-context"},{"acr:requirement":"WCAG21:multiple-ways","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:multiple-ways"},{"acr:requirement":"WCAG21:headings-and-labels","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:headings-and-labels"},{"acr:requirement":"WCAG21:focus-visible","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:focus-visible"},{"acr:requirement":"WCAG21:pointer-gestures","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:pointer-gestures"},{"acr:requirement":"WCAG21:pointer-cancellation","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:pointer-cancellation"},{"acr:requirement":"WCAG21:label-in-name","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:label-in-name"},{"acr:requirement":"WCAG21:motion-actuation","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:motion-actuation"},{"acr:requirement":"WCAG21:language-of-page","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:language-of-page"},{"acr:requirement":"WCAG21:language-of-parts","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:language-of-parts"},{"acr:requirement":"WCAG21:on-focus","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:on-focus"},{"acr:requirement":"WCAG21:on-input","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:on-input"},{"acr:requirement":"WCAG21:consistent-navigation","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:consistent-navigation"},{"acr:requirement":"WCAG21:consistent-identification","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:consistent-identification"},{"acr:requirement":"WCAG21:error-identification","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:error-identification"},{"acr:requirement":"WCAG21:labels-or-instructions","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:labels-or-instructions"},{"acr:requirement":"WCAG21:error-suggestion","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:error-suggestion"},{"acr:requirement":"WCAG21:error-prevention-legal-financial-data)","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:error-prevention-legal-financial-data)"},{"acr:requirement":"WCAG21:parsing","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:parsing"},{"acr:requirement":"WCAG21:name-role-value","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:name-role-value"},{"acr:requirement":"WCAG21:status-messages","components":[{"name":"feedback","acr":[{"conformance":"acr:satisfied","isApplicable":true,"date":"2023-12-15","link":"sites/feedback/reports/acr-2023-autumn.json"}]}],"id":"WCAG21:status-messages"}]}
\ No newline at end of file
diff --git a/_data/common.json b/_data/common.json
index 126da5732e..fe30abde70 100644
--- a/_data/common.json
+++ b/_data/common.json
@@ -30,6 +30,18 @@
"language": "fr",
"path": "ajax-fetch-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Pre Accessibility assessment #1 - AJAX Fetch",
+ "language": "en",
+ "path": "reports/pre-a11y-1-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité préliminaire #1 - Récupération de ressource via Ajax",
+ "language": "fr",
+ "path": "reports/pre-a11y-1-fr.html"
+ }
]
}
}
@@ -65,6 +77,18 @@
"language": "fr",
"path": "alerts-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #1 - Alert",
+ "language": "en",
+ "path": "reports/a11y-1-en.html"
+ },
+ {
+ "title": "Évaluation de l'accessibilité #1 - Alert",
+ "language": "fr",
+ "path": "reports/a11y-1-fr.html"
+ }
]
}
}
@@ -134,6 +158,28 @@
"language": "fr",
"path": "button-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #3 - Buttons",
+ "language": "en",
+ "path": "reports/a11y-3-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #3 - Boutons",
+ "language": "fr",
+ "path": "reports/a11y-3-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #4 - Buttons",
+ "language": "en",
+ "path": "reports/a11y-4-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #4 - Boutons",
+ "language": "fr",
+ "path": "reports/a11y-4-fr.html"
+ }
]
}
}
@@ -212,6 +258,83 @@
"title": "Liste groupé",
"language": "fr",
"path": "list-group-fr.html"
+ },
+ {
+ "title": "Custom list styling using parent div element",
+ "language": "en",
+ "path": "lists-mws-en.html"
+ },
+ {
+ "title": "Style de liste personnalisé à l'aide de l'élément div parent",
+ "language": "fr",
+ "path": "lists-mws-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Main Container",
+ "fr": "Conteneur Principal"
+ },
+ "description": {
+ "en": "Main Container with alternate tags.",
+ "fr": "Conteneur principal avec des balises alternatives."
+ },
+ "modified": "2023-07-05",
+ "componentName": "main-container",
+ "processing": "baseline",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Main Container",
+ "language": "en",
+ "path": "maincontainer-en.html"
+ },
+ {
+ "title": "Conteneur Principal",
+ "language": "fr",
+ "path": "maincontainer-fr.html"
+ },
+ {
+ "title": "Main Container with article",
+ "language": "en",
+ "path": "maincontainer-article-en.html"
+ },
+ {
+ "title": "Conteneur Principal avec article",
+ "language": "fr",
+ "path": "maincontainer-article-fr.html"
+ },
+ {
+ "title": "Main Container with section",
+ "language": "en",
+ "path": "maincontainer-section-en.html"
+ },
+ {
+ "title": "Conteneur Principal avec section",
+ "language": "fr",
+ "path": "maincontainer-section-fr.html"
+ }
+ ],
+ "reports": [
+ {
+ "title": "Pre Accessibility assessment #1 - Main Container",
+ "language": "en",
+ "path": "reports/pre-a11y-1-en.html"
+ },
+ {
+ "title": "Pre Assessment d'accessibilité #1 - Conteneur Principal",
+ "language": "fr",
+ "path": "reports/pre-a11y-1-fr.html"
}
]
}
@@ -232,7 +355,7 @@
"en": "HTML elements used as is.",
"fr": "Les éléments HTML utilisé tel quel."
},
- "modified": "2023-02-21",
+ "modified": "2024-03-28",
"componentName": "scaffolding",
"processing": "baseline",
"status": "stable",
@@ -247,6 +370,16 @@
"title": "Formulaires",
"language": "fr",
"path": "formulaires.html"
+ },
+ {
+ "title": "Text level semantics",
+ "language": "en",
+ "path": "text-level-semantics.html"
+ },
+ {
+ "title": "Sémantique au niveau du texte",
+ "language": "fr",
+ "path": "texte-niveau-semantique.html"
}
],
"reports": [
@@ -259,6 +392,36 @@
"title": "Évaluation d'accessibilité #1 - Visibilité du focus",
"language": "fr",
"path": "reports/a11y-1-fr.html"
+ },
+ {
+ "title": "Text level semantics - Full Accessibility assessment",
+ "language": "en",
+ "path": "reports/ally-assess-1-en.html"
+ },
+ {
+ "title": "Texte de niveau sémantique - Évaluation d'accessibilité complète",
+ "language": "fr",
+ "path": "reports/ally-assess-1-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #2 - Forms",
+ "language": "en",
+ "path": "reports/a11y-2-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #2 - Formulaires",
+ "language": "fr",
+ "path": "reports/a11y-2-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #3 - Forms",
+ "language": "en",
+ "path": "reports/a11y-3-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #3 - Formulaires",
+ "language": "fr",
+ "path": "reports/a11y-3-fr.html"
}
]
}
@@ -321,6 +484,40 @@
]
}
}
+,{
+ "@context": {
+ "@version": 2.0,
+ "dct": "http://purl.org/dc/terms/",
+ "title": { "@id": "dct:title", "@container": "@language" },
+ "description": { "@id": "dct:description", "@container": "@language" },
+ "modified": "dct:modified"
+ },
+ "title": {
+ "en": "Spacing",
+ "fr": "Espacement"
+ },
+ "description": {
+ "en": "Utility classes to add spacing between elements.",
+ "fr": "Classes utilitaires pour ajouter de l'espacement entre des éléments."
+ },
+ "modified": "2024-11-22",
+ "componentName": "spacing",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Spacing",
+ "language": "en",
+ "path": "spacing-en.html"
+ },
+ {
+ "title": "Espacement",
+ "language": "fr",
+ "path": "spacing-fr.html"
+ }
+ ]
+ }
+}
,{
"@context": {
"@version": 1.1,
@@ -356,6 +553,40 @@
]
}
}
+,{
+ "@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": "Text-level Modifiers",
+ "fr": "Modificateurs de niveau texte"
+ },
+ "description": {
+ "en": "Text-level modifiers for styling and formatting",
+ "fr": "Modificateurs de niveau texte pour le style et le formatage"
+ },
+ "modified": "2024-11-25",
+ "componentName": "text-level-modifiers",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Text-level modifiers",
+ "language": "en",
+ "path": "text-level-modifiers-en.html"
+ },
+ {
+ "title": "Modificateurs de niveau texte",
+ "language": "fr",
+ "path": "text-level-modifiers-fr.html"
+ }
+ ]
+ }
+}
,{
"@context": {
"@version": 1.1,
@@ -388,6 +619,18 @@
"language": "fr",
"path": "wb-disable-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Pre-accessibility assessment #1 - Basic HTML Mode",
+ "language": "en",
+ "path": "reports/pre-ally-1-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité préliminaire #1 - HTML simplifié",
+ "language": "fr",
+ "path": "reports/pre-ally-1-fr.html"
+ }
]
}
}
diff --git a/_data/components.json b/_data/components.json
index 5551fde626..6cc528b2a0 100644
--- a/_data/components.json
+++ b/_data/components.json
@@ -1,4 +1,177 @@
[{
+ "@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": "Bold content",
+ "fr": "Contenu en gras"
+ },
+ "description": {
+ "en": "This component applies font weight bold to every text element inside it and generates normal font weight when the element <strong>
is applied.",
+ "fr": "Ce composant applique une épaisseur de police en gras à chaque élément de texte qu'il contient et génère une épaisseur de police normale lorsque l'élément <strong>
est appliqué."
+ },
+ "modified": "2024-02-05",
+ "componentName": "bold-content",
+ "status": "stable",
+ "version": "1.1",
+ "pages": {
+ "examples": [
+ {
+ "title": "Bold content - working example",
+ "language": "en",
+ "path": "bold-content-en.html"
+ },
+ {
+ "title": "Contenu en gras - example pratique",
+ "language": "fr",
+ "path": "bold-content-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Bold content",
+ "language": "en",
+ "path": "bold-content-doc-en.html"
+ },
+ {
+ "title": "Contenu en gras",
+ "language": "fr",
+ "path": "bold-content-doc-fr.html"
+ }
+ ]
+ },
+ "a11yGuidance": "no accessibility guidance",
+ "variations": [
+ {
+ "name": {
+ "en": "Bold content - default",
+ "fr": "Contenu en gras - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "This component applies font weight bold to every text element inside it and generates normal font weight when the element strong
is applied.",
+ "fr": "Cette composante applique un poid de police de caractère gras à chaque élément de texte à l'intérieur et génère un poid de police de caractère normal lorsque l'élément strong
est appliqué."
+ },
+ "iteration": "_:iteration_bold_1",
+ "example": [
+ {
+ "en": { "href": "bold-content-en.html", "text": "Bold content" },
+ "fr": { "href": "bold-content-fr.html", "text": "Contenu en gras" }
+ }
+ ],
+ "implementation": [
+ "_:implement_bold"
+ ],
+ "history": [
+ {
+ "en": "February 2024 - Added support for the \".bold-content\" class to eventually deprecate the use of \".well-bold\".",
+ "fr": "Février 2024 - Ajout du support de la classe \".bold-content\" pour éventuellement déprécier l'usage de \".well-bold\"."
+ },
+ {
+ "en": "June 2021 - Initial implementation of the component.",
+ "fr": "Juin 2021 - Implémentation initiale de la composante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_bold",
+ "iteration": "_:iteration_bold_1",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Add the CSS class bold-content
to the element wrapping the content you want to have bolded."
+ ],
+ "fr": [
+ "Ajoutez la classe CSS bold-content
à l'élément enveloppant le contenu que vous souhaitez mettre en gras."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "
\n\t
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla quaerat aliquid, nobis consectetur amet et!
\n\t
Cum placeat soluta quibusdam id. Temporibus, delectus eos optio distinctio itaque architecto aperiam deserunt repudiandae!
\n\t
Facilis obcaecati quae reprehenderit harum. Quaerat id optio, qui tempora aliquid numquam deserunt consequuntur enim!
\n\t
Facere ad, dicta nobis exercitationem incidunt animi quam porro laborum possimus aperiam beatae nemo! Officiis?
\n\t
Magnam, deserunt inventore aliquid illum nihil dolore praesentium, ab mollitia, doloribus odit vitae recusandae tempore!
\n
"
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": "\n\t
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla quaerat aliquid, nobis consectetur amet et!
\n\t
Cum placeat soluta quibusdam id. Temporibus, delectus eos optio distinctio itaque architecto aperiam deserunt repudiandae!
\n\t
Facilis obcaecati quae reprehenderit harum. Quaerat id optio, qui tempora aliquid numquam deserunt consequuntur enim!
\n\t
Facere ad, dicta nobis exercitationem incidunt animi quam porro laborum possimus aperiam beatae nemo! Officiis?
\n\t
Magnam, deserunt inventore aliquid illum nihil dolore praesentium, ab mollitia, doloribus odit vitae recusandae tempore!
\n
"
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_bold_2",
+ "name": "Bold content - Iteration 2",
+ "date": "2024-02",
+ "detectableBy": ".bold-content",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": "\n\t
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla quaerat aliquid, nobis consectetur amet et!
\n\t
Cum placeat soluta quibusdam id. Temporibus, delectus eos optio distinctio itaque architecto aperiam deserunt repudiandae!
\n\t
Facilis obcaecati quae reprehenderit harum. Quaerat id optio, qui tempora aliquid numquam deserunt consequuntur enim!
\n\t
Facere ad, dicta nobis exercitationem incidunt animi quam porro laborum possimus aperiam beatae nemo! Officiis?
\n\t
Magnam, deserunt inventore aliquid illum nihil dolore praesentium, ab mollitia, doloribus odit vitae recusandae tempore!
\n
"
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_bold_1",
+ "name": "Well bold - Iteration 1",
+ "date": "2021-06",
+ "detectableBy": ".well.well-bold",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": "\n\t
\n\t\tFinibus Bonorum \n\t\tVestibulum tincidunt \n\t\tTempor viverra metus \n\t\tSed non faucibus nisl \n\t\tSuspendisse \n\t\tSed ut : perspiciatis \n\t \n
"
+ }
+ ]
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_bold_2",
+ "name": "Bold content",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_bold_2",
+ "detectableBy": ".bold-content",
+ "layout": "Not applicable",
+ "style": "Content is bolded inside the element when adding the CSS class \".bold-content\"",
+ "semantic": "Not applicable"
+ },
+ {
+ "@id": "_:cs_bold_1",
+ "name": "Well bold",
+ "status": "deprecated",
+ "deprecatedOn": "2024-02-05",
+ "baseOnIteration": "_:iteration_bold_1",
+ "detectableBy": ".well.well-bold",
+ "layout": "Not applicable",
+ "style": "Content is bolded inside a \".well\" when adding the CSS class \".well-bold\"",
+ "semantic": "Not applicable",
+ "notes": "The style .well.well-bold was moved to the deprecated méli-mélo."
+ }
+ ]
+}
+,{
"@context": {
"@version": 1.1,
"dct": "http://purl.org/dc/terms/",
@@ -56,6 +229,180 @@
]
}
}
+,{
+ "@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": "Contributors",
+ "fr": "Collaborateurs"
+ },
+ "description": {
+ "en": "Links to institutions or organizations that support the content on the page.",
+ "fr": "Liens menant aux institutions ou aux organisations qui soutiennent le contenu sur la page."
+ },
+ "modified": "2024-05-28",
+ "componentName": "gc-contributors",
+ "status": "stable",
+ "version": "1.0.0",
+ "pages": {
+ "docs": [
+ {
+ "title": "Contributors",
+ "language": "en",
+ "path": "gc-contributors-doc-en.html"
+ },
+ {
+ "title": "Collaborateurs",
+ "language": "fr",
+ "path": "gc-contributors-doc-fr.html"
+ }
+ ],
+ "examples": [
+ {
+ "title": "Contributors",
+ "language": "en",
+ "path": "gc-contributors-en.html"
+ },
+ {
+ "title": "Collaborateurs",
+ "language": "fr",
+ "path": "gc-contributors-fr.html"
+ }
+ ]
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Contributors - default",
+ "fr": "Collaborateurs - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Links to institutions or organizations that support the content on the page.",
+ "fr": "Liens menant aux institutions ou aux organisations qui soutiennent le contenu sur la page."
+ },
+ "iteration": "_:iteration_contributors_2",
+ "example": [
+ {
+ "en": { "href": "gc-contributors-en.html", "text": "Contributors" },
+ "fr": { "href": "gc-contributors-fr.html", "text": "Collaborateurs" }
+ }
+ ],
+ "implementation": [
+ "_:implement_contributors"
+ ],
+ "history": [
+ {
+ "en": "May 2024 - Stabilizing component.",
+ "fr": "Mai 2024 - Stabilisation du composant."
+ },
+ {
+ "en": "January 2021 - Initial provisional implementation to gather user experience data.",
+ "fr": "Janvier 2021 - Implémentation provisoire initiale pour recueillir des données sur l'expérience utilisateur."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_contributors",
+ "iteration": "_:iteration_contributors_2",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the following code sample."
+ ],
+ "fr": [
+ "Référez-vous au code qui suit."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": ""
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": ""
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_contributors_2",
+ "name": "Contributors - Iteration 2",
+ "date": "2024-05",
+ "detectableBy": ".gc-contributors:not(.provisional)",
+ "additions": [
+ "Stabilized component"
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ],
+ "predecessor": "_:iteration_contributors_1"
+ },
+ {
+ "@id": "_:iteration_contributors_1",
+ "name": "Contributors - Iteration 1",
+ "date": "2021-01",
+ "detectableBy": ".provisional.gc-contributors",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ],
+ "successor": "_:iteration_contributors_2"
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_contributors",
+ "name": "Contributors",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_contributors_2",
+ "detectableBy": ".gc-contributors",
+ "layout": "Title and list are displayed inline on medium screens and up. They are displayed vertically on smaller screens.",
+ "semantic": "section>h2+ul>li*n>a",
+ "style": "The font size is smaller. The links are bolded.",
+ "static": [
+ "From:",
+ "De :"
+ ],
+ "schema": [
+ "Array of contributors objects",
+ "contributors object: contributor name, contributor link"
+ ]
+ }
+ ]
+}
,{
"@context": {
"@version": 1.1,
@@ -99,30 +446,292 @@
"modified": "dct:modified"
},
"title": {
- "en": "Featured link - Documentation and working example",
- "fr": "Lien en vedette - Documentation et example pratique"
+ "en": "Featured link",
+ "fr": "Lien en vedette"
},
"description": {
"en": "This adds a featured link to a page that your institution needs to feature prominently.",
"fr": "Ceci ajoute un lien en vedette court et descriptif vers une page que votre institution doit mettre en évidence."
},
- "modified": "2021-05-20",
+ "modified": "2024-02-21",
"componentName": "gc-featured-link",
- "status": "provisional",
+ "status": "stable",
+ "version": "1.0.0",
"pages": {
+ "docs": [
+ {
+ "title": "Featured link",
+ "language": "en",
+ "path": "gc-featured-link-doc-en.html"
+ },
+ {
+ "title": "Lien en vedette",
+ "language": "fr",
+ "path": "gc-featured-link-doc-fr.html"
+ }
+ ],
"examples": [
{
- "title": "Featured link - Documentation and working example",
+ "title": "Featured link",
"language": "en",
"path": "gc-featured-link-en.html"
},
- {
- "title": "Lien en vedette - Documentation et example pratique",
+ {
+ "title": "Lien en vedette",
"language": "fr",
"path": "gc-featured-link-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility pre-assessment #1",
+ "language": "en",
+ "path": "reports/a11y-1-en.html"
+ },
+ {
+ "title": "Pré-évaluation de l'accessibilité #1",
+ "language": "fr",
+ "path": "reports/a11y-1-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #1",
+ "language": "en",
+ "path": "reports/a11y-2-en.html"
+ },
+ {
+ "title": "Évaluation de l'accessibilité #1",
+ "language": "fr",
+ "path": "reports/a11y-2-fr.html"
+ }
]
- }
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Featured link - default",
+ "fr": "Lien en vedette - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "This adds a featured link to a page that your institution needs to feature prominently.",
+ "fr": "Ceci ajoute un lien en vedette court et descriptif vers une page que votre institution doit mettre en évidence."
+ },
+ "iteration": "_:iteration_featuredLink_3",
+ "example": [
+ {
+ "en": { "href": "gc-featured-link-en.html", "text": "Featured link" },
+ "fr": { "href": "gc-featured-link-fr.html", "text": "Lien en vedette" }
+ }
+ ],
+ "implementation": [
+ "_:implement_featuredLink",
+ "_:implement_migrationProvisional"
+ ],
+ "history": [
+ {
+ "en": "March 2024 - Stabilizing component.",
+ "fr": "Mars 2024 - Stabilisation de la composante."
+ },
+ {
+ "en": "August 2023 - Adding possibility to customize the background color.",
+ "fr": "Août 2023 - Ajout de la possibilité de personnaliser la couleur de fond."
+ },
+ {
+ "en": "June 2021 - Initial provisional implementation to gather user experience data.",
+ "fr": "Juin 2021 - Implémentation provisoire initiale pour recueillir des données sur l'expérience utilisateur."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_featuredLink",
+ "iteration": "_:iteration_featuredLink_3",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the following code sample.",
+ "You can optionally add a description under the featured link.",
+ "To customize the background color, add the attribute data-bg-color
to the <section>
element. The value should be the hexadecimal code of the desired color, for example: #005B61
."
+ ],
+ "fr": [
+ "Référez-vous au code qui suit.",
+ "Vous pouvez facultativement ajouter une description sous le lien en vedette.",
+ "Pour personnaliser la couleur d'arrière-plan, ajoutez l'attribut data-bg-color
à l'élément <section>
. La valeur doit être le code hexadécimal de la couleur souhaitée, par exemple : #005B61
."
+ ]
+ },
+ "notes": {
+ "en": [
+ "When customizing the background color, the component will automatically apply the correct color to the text: #FFFFFF
for dark colors, #333333
for light colors, #000000
for colors in-between."
+ ],
+ "fr": [
+ "Lorsque la couleur de fond est personnalisée, la composante appliquera automatiquement la bonne couleur au texte : #FFFFFF
pour les couleurs sombres, #333333
pour les couleurs claires, #000000
pour les couleurs intermédiaires."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": ""
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": ""
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_migrationProvisional",
+ "iteration": "_:iteration_featuredLink_3",
+ "name": {
+ "en": "Migration from provisional to stable v1.0.0",
+ "fr": "Migration de provisoire à stable v1.0.0"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers attempting to update the component from its provisional state to its stable state version 1.0.0.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs tentant de mettre à jour la composante à partir de l'état provoire vers l'état stable version 1.0.0."
+ },
+ "instructions": {
+ "en": [
+ "Remove the CSS class \"provisional\".",
+ "Remove the starting and end tags for both <div class=\"row\"></div>
and <div class=\"col-xs-12\"></div>
.",
+ "Update the <h2 class=\"wb-inv\">
title to \"Spotlight on\"."
+ ],
+ "fr": [
+ "Supprimer la classe CSS \"provisoire\".",
+ "Supprimez les balises de début et de fin pour <div class=\"row\"></div>
et <div class=\"col-xs-12\" ></div>
.",
+ "Mettez à jour le titre <h2 class=\"wb-inv\">
à \"Pleins feux sur\"."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code before:",
+ "code": ""
+ },
+ {
+ "@type": "source-code",
+ "description": "Code after:",
+ "code": ""
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Code avant :",
+ "code": ""
+ },
+ {
+ "@type": "source-code",
+ "description": "Code après :",
+ "code": ""
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_featuredLink_3",
+ "name": "Featured link - Iteration 3",
+ "date": "2024-03",
+ "detectableBy": ".gc-featured-link:not(.provisional)",
+ "breaking": [
+ "Removed unnecessary grid",
+ "Changed hidden heading"
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_featuredLink_2",
+ "name": "Featured link - Iteration 2",
+ "date": "2023-08",
+ "detectableBy": ".provisional.gc-featured-link[data-bg-color]",
+ "additions": [
+ "Adding possibility to customize the background color."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_featuredLink_1",
+ "name": "Featured link - Iteration 1",
+ "date": "2021-06",
+ "detectableBy": ".provisional.gc-featured-link",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_featuredLinkHelpers_1",
+ "name": "Featured link with helpers - Iteration 1",
+ "date": "unknown",
+ "detectableBy": ".bg-gctheme.opct-90 a.stretched-link",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_featuredLink",
+ "name": "Featured link",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_featuredLink_1",
+ "detectableBy": ".gc-featured-link",
+ "layout": "Component spans across viewport width, link spans across container width.",
+ "semantic": "section>h2+a",
+ "style": "By default, the background color of the component is blue with white text.",
+ "static": [
+ "Featured",
+ "En vedette"
+ ],
+ "schema": [
+ "Link title (type: STRING)",
+ "Link URL (type: STRING)",
+ "Link description (type: STRING)",
+ "Background color (type: STRING) - optional"
+ ],
+ "configuration": "data-bg-color: customize the background color"
+ }
+ ]
}
,{
"@context": {
@@ -191,30 +800,577 @@
"modified": "dct:modified"
},
"title": {
- "en": "Feeds plugin GC override",
- "fr": "Application de styles GC au plugiciel de fils de syndication"
+ "en": "Social media channels",
+ "fr": "Bloc des réseaux de médias sociaux"
},
"description": {
- "en": "Overrides the WET ATOM feeds to apply GC design pattern.",
- "fr": "Remplace les Fils de syndication pour appliquer le modèle de conception GC."
+ "en": "The social media channels pattern provides links to official Government of Canada (GC) social media accounts.",
+ "fr": "La configuration de conception des chaînes de médias sociaux fournit des liens vers les comptes de médias sociaux officiels du gouvernement du Canada (GC)."
},
- "modified": "2021-06-02",
- "componentName": "gc-feeds",
- "status": "provisional",
+ "modified": "2024-02-05",
+ "componentName": "gc-follow-us",
+ "status": "stable",
+ "version": "2.1",
"pages": {
"docs": [
{
- "title": "Feeds GC overrides - Documentation and working example.",
+ "title": "Social media channels - Documentation",
"language": "en",
- "path": "gc-feeds-en.html"
+ "path": "gc-follow-us-doc-en.html"
},
{
- "title": "Fils de syndication remplacement GC - Documentation et exemple pratique",
+ "title": "Bloc des réseaux de médias sociaux - Documentation",
"language": "fr",
- "path": "gc-feeds-fr.html"
+ "path": "gc-follow-us-doc-fr.html"
+ }
+ ],
+ "examples": [
+ {
+ "title": "Social media channels",
+ "language": "en",
+ "path": "gc-follow-us-en.html"
+ },
+ {
+ "title": "Bloc des réseaux de médias sociaux",
+ "language": "fr",
+ "path": "gc-follow-us-fr.html"
}
]
- }
+ },
+ "a11yGuidance": "no accessibility guidance",
+ "variations": [
+ {
+ "name": {
+ "en": "GC Follow us - default",
+ "fr": "GC Suivez-nous - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "The social media channels pattern provides links to official Government of Canada (GC) social media accounts.",
+ "fr": "La configuration de conception des chaînes de médias sociaux fournit des liens vers les comptes de médias sociaux officiels du gouvernement du Canada (GC)."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/social-media-channels.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/bloc-medias-sociaux.html"
+ },
+ "iteration": "_:iteration_gc_follow_1",
+ "example": [
+ {
+ "en": { "href": "gc-follow-us-en.html", "text": "GC Follow us" },
+ "fr": { "href": "gc-follow-us-fr.html", "text": "GC Suivez-nous" }
+ }
+ ],
+ "implementation": [
+ "_:implement_gc_follow"
+ ],
+ "history": [
+ {
+ "en": "July 2024 - Adding 'More ways to connect' optional link.",
+ "fr": "Juillet 2024 - Ajout du lien optionnel « D'autres moyens de rester en contact »."
+ },
+ {
+ "en": "February 2024 - Initial implementation of the variation.",
+ "fr": "Février 2024 - Implémentation initiale de la variante."
+ }
+ ]
+ },
+ {
+ "name": {
+ "en": "Follow us",
+ "fr": "Suivez-nous"
+ },
+ "status": "deprecated",
+ "description": {
+ "en": "The social media channels pattern provides links to official Government of Canada (GC) social media accounts.",
+ "fr": "La configuration de conception des chaînes de médias sociaux fournit des liens vers les comptes de médias sociaux officiels du gouvernement du Canada (GC)."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/social-media-channels.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/bloc-medias-sociaux.html"
+ },
+ "iteration": "_:iteration_follow_1",
+ "example": [
+ {
+ "en": { "href": "deprecated/follow-us-en.html", "text": "Follow us" },
+ "fr": { "href": "deprecated/follow-us-fr.html", "text": "Suivez-nous" }
+ }
+ ],
+ "implementation": [
+ "_:implement_follow"
+ ],
+ "history": [
+ {
+ "en": "September 2024 - This variant is now officially deprecated.",
+ "fr": "Septembre 2024 - Cette variante est maintenant officiellement obsolète."
+ },
+ {
+ "en": "April 2017 - Initial implementation of the variation.",
+ "fr": "Avril 2017 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_gc_follow",
+ "iteration": "_:iteration_gc_follow_2",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the below code sample.",
+ "To display the icons horizontally, add the CSS class \"list-inline
\" to the <ul>
.",
+ "If there is more than one account from a single platform, make them available via an overlay (popup) .",
+ "Information on how to display the 'More ways to connect' link will be available soon."
+ ],
+ "fr": [
+ "Référez-vous à l'exemple de code ci-dessous.",
+ "Pour afficher les icônes horizontalement, ajoutez la classe CSS \"list-inline
\" au <ul>
.",
+ "S’il y a plus d’un compte pour une même plateforme, énumérez-les dans un contenu superposé (popup) .",
+ "Des informations sur la façon d'afficher le lien « D'autres moyens de rester en contact » seront disponibles bientôt."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Default layout code sample:",
+ "code": "\n\tOn social media \n\t\n "
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code pour disposition par défaut :",
+ "code": "\n\tDans les médias sociaux \n\t\n "
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_follow",
+ "iteration": "_:iteration_follow_2",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the below code sample."
+ ],
+ "fr": [
+ "Référez-vous à l'exemple de code ci-dessous."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": ""
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": ""
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_gc_follow_3",
+ "name": "GC Follow us - Iteration 3",
+ "date": "2024-07",
+ "detectableBy": ".gc-followus",
+ "additions": [
+ "New link for more ways to connect."
+ ]
+ },
+ {
+ "@id": "_:iteration_gc_follow_2",
+ "name": "GC Follow us - Iteration 2",
+ "date": "2024-02",
+ "detectableBy": ".gc-followus",
+ "additions": [
+ "New SVG image for X logo (formerly known as Twitter)."
+ ],
+ "fixes": [
+ "Deprecated: SVG image for Twitter to be deprecated."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "includes/gc-follow-us.html"
+ }
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_gc_follow_1",
+ "name": "GC Follow us - Iteration 1",
+ "date": "2021-08",
+ "detectableBy": ".gc-followus"
+ },
+ {
+ "@id": "_:iteration_follow_2",
+ "name": "Follow us - Iteration 2",
+ "date": "2024-02",
+ "detectableBy": ".followus",
+ "additions": [
+ "New Base64 image for X logo (formerly known as Twitter).",
+ "Added logic to dynamically replace \"Twitter\" with \"X\" in hidden text."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "includes/follow.html"
+ }
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_follow_1",
+ "name": "Follow us - Iteration 1",
+ "date": "2017-04",
+ "detectableBy": ".followus",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "includes/follow.html"
+ }
+ }
+ ]
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_gc_follow",
+ "name": "GC Follow us",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_gc_follow_1",
+ "detectableBy": ".gc-followus",
+ "layout": [
+ "Default: the social media accounts are stacked vertically with each account having the logo on the left and name on the right.",
+ "Inline: the social media accounts are listed horizontally with only the logo visible."
+ ],
+ "semantic": "section.gc-followus > h2 + (ul > li > a)",
+ "static": [
+ "Dans les médias sociaux",
+ "On social media"
+ ],
+ "schema": [
+ "FacebookAccountName",
+ "FacebookAccountURL",
+ "TwitterAccountName",
+ "TwitterAccountURL",
+ "YoutubeAccountName",
+ "YoutubeAccountURL",
+ "InstagramAccountName",
+ "InstagramAccountURL",
+ "LinkedInAccountName",
+ "LinkedInAccountURL"
+ ],
+ "configuration": "isInline: if yes, add class \"list-inline\" to element.",
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/gc-follow-us.html"
+ }
+ }
+ },
+ {
+ "@id": "_:cs_follow",
+ "name": "Follow us",
+ "status": "deprecated",
+ "deprecatedOn": "2024-02-02",
+ "baseOnIteration": "_:iteration_follow_1",
+ "detectableBy": ".followus",
+ "layout": [
+ "The social media accounts are listed horizontally. The logo visible. The account name is invisible."
+ ],
+ "semantic": "section.followus > h2 + (ul > li > a)",
+ "static": [
+ "Suivez :",
+ "Follow:"
+ ],
+ "schema": [
+ "FacebookAccountName",
+ "FacebookAccountURL",
+ "TwitterAccountName",
+ "TwitterAccountURL",
+ "YoutubeAccountName",
+ "YoutubeAccountURL",
+ "InstagramAccountName",
+ "InstagramAccountURL",
+ "LinkedInAccountName",
+ "LinkedInAccountURL",
+ "FlickrAccountName",
+ "FlickrAccountURL",
+ "PinterestAccountName",
+ "PinterestAccountURL",
+ "RSSAccountName",
+ "RSSAccountURL",
+ "EmailAccountName",
+ "EmailAccountURL",
+ "PeriscopeAccountName",
+ "PeriscopeAccountURL"
+ ],
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/follow.html"
+ }
+ }
+ }
+ ]
+}
+,{
+ "@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": "Minister or institutional head",
+ "fr": "Ministre ou chef d’institution"
+ },
+ "description": {
+ "en": "This component is for the minister or institutional head pattern on the institutional landing page.",
+ "fr": "Ce composant est destiné au modèle du ministre ou du chef d'institution sur la page d'accueil de l'institution."
+ },
+ "modified": "2024-03-11",
+ "componentName": "gc-minister",
+ "status": "stable",
+ "version": "1.0",
+ "pages": {
+ "examples": [
+ {
+ "title": "Minister or institutional head",
+ "language": "en",
+ "path": "gc-minister-en.html"
+ },
+ {
+ "title": "Ministre ou chef d’institution",
+ "language": "fr",
+ "path": "gc-minister-fr.html"
+ },
+ {
+ "title": "Minister or institutional head - two ministers example",
+ "language": "en",
+ "path": "gc-minister-two-ministers-en.html"
+ },
+ {
+ "title": "Ministre ou chef d'institution - exemple avec deux ministres",
+ "language": "fr",
+ "path": "gc-minister-two-ministers-fr.html"
+ },
+ {
+ "title": "Minister or institutional head - special cases example",
+ "language": "en",
+ "path": "gc-minister-special-cases-en.html"
+ },
+ {
+ "title": "Ministre ou chef d'institution - cas particuliers",
+ "language": "fr",
+ "path": "gc-minister-special-cases-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Minister or institutional head",
+ "language": "en",
+ "path": "gc-minister-doc-en.html"
+ },
+ {
+ "title": "Ministre ou chef d’institution",
+ "language": "fr",
+ "path": "gc-minister-doc-fr.html"
+ }
+ ]
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Minister or institutional head - default",
+ "fr": "Ministre ou chef d’institution - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "This component is for the minister or institutional head pattern on the institutional landing page.",
+ "fr": "Ce composant est destiné au modèle du ministre ou du chef d'institution sur la page d'accueil de l'institution."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/mandatory-templates/institutional-profile-pages.html",
+ "fr": "https://conception.canada.ca/modeles-obligatoire/pages-profil-institutionnel.html"
+ },
+ "iteration": "_:iteration_minister_1",
+ "example": [
+ {
+ "en": { "href": "gc-minister-en.html", "text": "Minister or institutional head" },
+ "fr": { "href": "gc-minister-fr.html", "text": "Ministre ou chef d’institution" }
+ },
+ {
+ "en": { "href": "gc-minister-two-ministers-en.html", "text": "Minister or institutional head - two ministers example" },
+ "fr": { "href": "gc-minister-two-ministers-fr.html", "text": "Ministre ou chef d'institution - exemple avec plusieurs ministres" }
+ },
+ {
+ "en": { "href": "gc-minister-special-cases-en.html", "text": "Minister or institutional head - special cases example" },
+ "fr": { "href": "gc-minister-special-cases-fr.html", "text": "Ministre ou chef d'institution - cas particuliers" }
+ }
+ ],
+ "implementation": [
+ "_:implement_minister"
+ ],
+ "history": [
+ {
+ "en": "March 2024 - Initial implementation of the variation.",
+ "fr": "Mars 2024 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_minister",
+ "iteration": "_:iteration_minister_1",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "The following coded example is the default layout. When you are implementing your instance, you can omit any of the following:image mandate letter link briefing book link ",
+ "The <div class=\"col-md-6\">
can be repeated as many times as there are ministers or institutional heads.",
+ "Refer to the official guidance for the appropriate section heading."
+ ],
+ "fr": [
+ "L'exemple codé suivant est la présentation par défaut. Lorsque vous mettez en œuvre votre instance, vous pouvez omettre les éléments suivants :Image Lettre de mandat Dossier d’information ",
+ "Le <div class=\"col-md-6\">
peut être répété autant de fois qu'il y a de ministres ou de chefs d'institution.",
+ "Reportez-vous aux directives officielles pour connaître le titre de section approprié."
+ ]
+ },
+ "notes": {
+ "en": [
+ "The recommended image size is 200px by 250px."
+ ],
+ "fr": [
+ "La taille d'image recommandée est de 200px par 250px."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample with image:",
+ "code": "\n\tMinister \n\t\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
[Official title]
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t
\n "
+ },
+ {
+ "@type": "source-code",
+ "description": "Code sample without image:",
+ "code": "\n\tMinister \n\t\n\t\t
\n\t\t\t
\n\t\t\t
[Official title]
\n\t\t\t
\n\t\t
\n\t
\n "
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code avec image :",
+ "code": "\n\tMinistre \n\t\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
[Titre officiel du ministre]
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t
\n "
+ },
+ {
+ "@type": "source-code",
+ "description": "Exemple de code sans image :",
+ "code": "\n\tMinistre \n\t\n\t\t
\n\t\t\t
\n\t\t\t
[Titre officiel du ministre]
\n\t\t\t
\n\t\t
\n\t
\n "
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_minister_1",
+ "name": "Minister - Iteration 1",
+ "date": "2024-03",
+ "detectableBy": ".gc-minister",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample with image",
+ "code": "\n\tMinister \n\t\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
[Official title]
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t
\n "
+ },
+ {
+ "@type": "source-code",
+ "description": "Code sample without image",
+ "code": "\n\tMinister \n\t\n\t\t
\n\t\t\t
\n\t\t\t
[Official title]
\n\t\t\t
\n\t\t
\n\t
\n "
+ }
+ ]
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_minister",
+ "name": "Minister or institutional head",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_minister_1",
+ "detectableBy": ".gc-minister",
+ "layout": "Each minister takes up half the container. The image (if available) is on the left",
+ "semantic": "section ((h3 a) + img + p + (ul > li))",
+ "style": "The image has a thin grey border.",
+ "context": "To be used in the institutional landing page template.",
+ "schema": [
+ "Section title (type: STRING) - for example: Minister, President, Parliamentary secretary, Associate minister, Ombudsman, Management",
+ "Ministers (type: ARRAY)",
+ "Ministers > Name (type: STRING)",
+ "Ministers > Title (type: STRING)",
+ "Ministers > Page URL (type: STRING)",
+ "Ministers > Image URL (type: STRING)",
+ "Ministers > Mandate letter text (type: STRING)",
+ "Ministers > Mandate letter URL (type: STRING)",
+ "Ministers > Briefing book text (type: STRING)",
+ "Ministers > Briefing book URL (type: STRING)"
+ ],
+ "mediaConsiderations": "Recommended image size: 200x250px."
+ }
+ ]
}
,{
"@context": {
@@ -225,30 +1381,191 @@
"modified": "dct:modified"
},
"title": {
- "en": "Most requested - Documentation and working example",
- "fr": "En demande - Documentation et example pratique"
+ "en": "Most requested",
+ "fr": "En demande"
},
"description": {
"en": "Features top tasks related to the page it is on.",
"fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent."
},
- "modified": "2021-05-20",
+ "modified": "2024-02-14",
"componentName": "gc-most-requested",
- "status": "provisional",
+ "status": "stable",
+ "version": "1.0",
"pages": {
+ "docs": [
+ {
+ "title": "Most requested - Documentation",
+ "language": "en",
+ "path": "gc-most-requested-doc-en.html"
+ },
+ {
+ "title": "En demande - Documentation",
+ "language": "fr",
+ "path": "gc-most-requested-doc-fr.html"
+ }
+ ],
"examples": [
{
- "title": "Most requested - Documentation and working example",
+ "title": "Most requested",
"language": "en",
"path": "gc-most-requested-en.html"
},
- {
+ {
"title": "En demande",
"language": "fr",
- "path": "gc-most-requested-fr.html - Documentation et example pratique"
+ "path": "gc-most-requested-fr.html"
+ },
+ {
+ "title": "Most requested - bad implementation",
+ "language": "en",
+ "path": "gc-most-requested-bad-en.html"
+ },
+ {
+ "title": "En demande - mauvaise implémentation",
+ "language": "fr",
+ "path": "gc-most-requested-bad-fr.html"
}
]
- }
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Most requested - default",
+ "fr": "En demande - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Features top tasks related to the page it is on.",
+ "fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/most-requested.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/en-demande.html"
+ },
+ "iteration": "_:iteration_mostrequested_1",
+ "example": [
+ {
+ "en": { "href": "gc-most-requested-en.html", "text": "Most requested" },
+ "fr": { "href": "gc-most-requested-fr.html", "text": "En demande" }
+ },
+ {
+ "en": { "href": "gc-most-requested-bad-en.html", "text": "Most requested - bad implementation" },
+ "fr": { "href": "gc-most-requested-bad-fr.html", "text": "En demande - mauvaise implémentation" }
+ }
+ ],
+ "implementation": [
+ "_:implement_mostrequested"
+ ],
+ "history": [
+ {
+ "en": "February 2024 - Initial implementation of the variation.",
+ "fr": "Février 2024 - Implémentation initiale de la variante."
+ },
+ {
+ "en": "June 2021 - Provisional implementation of the variation.",
+ "fr": "Juin 2021 - Implémentation provisionnelle de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_mostrequested",
+ "iteration": "_:iteration_mostrequested_1",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the code sample below.",
+ "The component cannot be located inside another element with the class container
."
+ ],
+ "fr": [
+ "Référez-vous au code qui suit.",
+ "La composante ne peut pas être située à l'intérieur d'un autre élément avec la classe container
."
+ ]
+ },
+ "notes": {
+ "en": [
+ "The Most requested component on the home page is out of scope of this component."
+ ],
+ "fr": [
+ "La composante En demande sur la page d'accueil est exclue de cette composante."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "\n\t\n\t\t
Most requested \n\t\t
\n\t
\n "
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": "\n\t\n\t\t
En demande \n\t\t
\n\t
\n "
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_mostrequested_1",
+ "name": "Most requested - Iteration 1",
+ "date": "2024-02",
+ "detectableBy": ".gc-most-requested:not(.provisional)",
+ "predecessor": "_:iteration_mostrequested_0",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": "\n\t\n\t\t
Most requested \n\t\t
\n\t
\n "
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_mostrequested_0",
+ "name": "Most requested - Provisional",
+ "date": "2021-06",
+ "detectableBy": ".provisional.gc-most-requested",
+ "successor": "_:iteration_mostrequested_1"
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_mostrequested",
+ "name": "Most requested",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_mostrequested_1",
+ "detectableBy": ".gc-most-requested",
+ "layout": "On smaller screens, the title is on the top and links are stacked. On medium and larger, the title is on the left and links are distributed over two columns from left to right and top to bottom.",
+ "style": "The component has a light gray background.",
+ "semantic": "h2 + (ul > li > a)",
+ "static": [
+ "Most requested",
+ "En demande"
+ ],
+ "context": "The component must not be located inside an element with the class \"container\"",
+ "schema": [
+ "arrays of 'MostRequestedLink'",
+ "'MostRequestedLink' object: [ \"task links\", \"task names\" ]"
+ ],
+ "test": [
+ "Most-requested (provisional) "
+ ]
+ }
+ ]
}
,{
"@context": {
@@ -266,35 +1583,234 @@
"en": "Used to present sets of links with accompanying descriptions.",
"fr": "Utilisé pour présenter des ensembles de liens accompagnés de descriptions."
},
- "modified": "2023-09-06",
- "componentName": "gc-servinfo",
+ "modified": "2024-07-26",
+ "componentName": "gc-srvinfo",
"status": "stable",
+ "version": "3.1",
"pages": {
"examples": [
{
"title": "Services and information",
"language": "en",
- "path": "gc-srvinfo-examples.html"
+ "path": "gc-srvinfo-en.html"
},
- {
- "title": "Services et information (en anglais seulement)",
+ {
+ "title": "Services et renseignements",
"language": "fr",
- "path": "gc-srvinfo-examples.html"
+ "path": "gc-srvinfo-fr.html"
+ }
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #1 - services and information",
+ "language": "en",
+ "path": "reports/ally-1-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #1 - Services et information",
+ "language": "fr",
+ "path": "reports/ally-1-fr.html"
}
],
"docs": [
{
"title": "Services and information",
"language": "en",
- "path": "gc-srvinfo.html"
+ "path": "gc-srvinfo-doc-en.html"
},
- {
- "title": "Services et information (en anglais seulement)",
+ {
+ "title": "Services et renseignements",
"language": "fr",
- "path": "gc-srvinfo.html"
+ "path": "gc-srvinfo-doc-fr.html"
}
]
- }
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Services and information - default",
+ "fr": "Services et renseignements - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Used to present sets of links with accompanying descriptions over 3 columns on large screens.",
+ "fr": "Utilisé pour présenter des ensembles de liens accompagnés de descriptions sur 3 colonnes sur les grands écrans."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/services-information.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/services-renseignements.html"
+ },
+ "iteration": "_:iteration_srvinfo_3",
+ "example": [
+ {
+ "en": { "href": "gc-srvinfo-en.html", "text": "Services and information" },
+ "fr": { "href": "gc-srvinfo-fr.html", "text": "Services et renseignements" }
+ }
+ ],
+ "implementation": [
+ "_:implement_srvinfo"
+ ],
+ "history": [
+ {
+ "en": "July 2024 - Added example with invisible header.",
+ "fr": "Juillet 2024 - Ajout de l'exemple avec en-tête invisible."
+ },
+ {
+ "en": "February 2024 - Added .gc-srvinfo CSS class.",
+ "fr": "Février 2024 - Ajout de la classe CSS .gc-srvinfo."
+ },
+ {
+ "en": "September 2017 - Removed CSS class .gcdrmt and removed details/summary when more than 10 services and information.",
+ "fr": "Septembre 2017 - Suppression de la classe CSS .gcdrmt et suppression des détails/résumé lorsqu'il y a plus de 10 services et informations."
+ },
+ {
+ "en": "August 2016 - Separated column layout from section delimiter.",
+ "fr": "Août 2016 - Disposition des colonnes séparées du délimiteur de section."
+ },
+ {
+ "en": "April 2016 - Added .gcdrmt CSS class. Limit to 10 visible services and information with details/summary to show more.",
+ "fr": "Avril 2016 - Ajout de la classe CSS .gcdrmt. Limite de 10 services et renseignements visibles avec \"details/summary\" pour en afficher plus."
+ },
+ {
+ "en": "August 2014 - Initial implementation of the variation.",
+ "fr": "Août 2014 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_srvinfo",
+ "iteration": "_:iteration_srvinfo_3",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the code sample below."
+ ],
+ "fr": [
+ "Référez-vous au code qui suit."
+ ]
+ },
+ "notes": {
+ "en": [
+ "For code samples of the different layouts possible (ordered list, vertical, etc.), refer to the working examples."
+ ],
+ "fr": [
+ "Pour des extraits de code des différentes mises en page possibles (liste ordonnée, verticale, etc.), reportez-vous aux exemples pratiques."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Code sample for 3 columns layout",
+ "code": "\n\tServices and information \n\t\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t
\n "
+ },
+ {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Code sample for 2 columns layout",
+ "code": "\n\tServices and information \n\t\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t
\n "
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Exemple de code pour la disposition sur 3 colonnes",
+ "code": "\n\tServices et renseignements \n\t\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t
\n "
+ },
+ {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Exemple de code pour la disposition sur 2 colonnes",
+ "code": "\n\tServices et renseignements \n\t\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t
\n "
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_srvinfo_5",
+ "name": "Services and information - Iteration 5",
+ "date": "2018-09",
+ "detectableBy": ".gc-srvinfo",
+ "predecessor": "_:iteration_srvinfo_4",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": "\n\tServices and information \n\t\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t
\n "
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_srvinfo_4",
+ "name": "Services and information - Iteration 4",
+ "date": "2017-12",
+ "detectableBy": ".wb-eqht.row>[class*=col-]>section>(h3.h5>a)+p",
+ "predecessor": "_:iteration_srvinfo_3",
+ "successor": "_:iteration_srvinfo_5",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": "\n\tServices and information \n\t\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t[Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]
\n\t\t\t \n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t[Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]
\n\t\t\t \n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t[Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]
\n\t\t\t \n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t[Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]
\n\t\t\t \n\t\t
\n\t
\n "
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_srvinfo_3",
+ "name": "Services and information - Iteration 3",
+ "date": "2016-08",
+ "detectableBy": "section.gc-drmt:not([class*=col-])",
+ "predecessor": "_:iteration_srvinfo_2",
+ "successor": "_:iteration_srvinfo_4"
+ },
+ {
+ "@id": "_:iteration_srvinfo_2",
+ "name": "Services and information - Iteration 2",
+ "date": "2016-04",
+ "detectableBy": "section.gc-drmt[class*=col-]",
+ "predecessor": "_:iteration_srvinfo_1",
+ "successor": "_:iteration_srvinfo_3"
+ },
+ {
+ "@id": "_:iteration_srvinfo_1",
+ "name": "Services and information - Iteration 1",
+ "date": "2014-08",
+ "detectableBy": "section.col-md-6>(h3.h5>a)+p",
+ "successor": "_:iteration_srvinfo_2"
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_srvinfo",
+ "name": "Services and information",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_srvinfo_5",
+ "detectableBy": ".gc-srvinfo",
+ "layout": "The (h3>a)+p pattern is either inside a grid layout of two or three columns, in an ordered list, or directly one after the other vertically.",
+ "semantic": "h2 + (h2 > a) + p",
+ "schema": [
+ "service and information title",
+ "array of objects containing the following properties: { \"service link\", \"service name\", \"service description\" }"
+ ],
+ "style": "Each column within the same row must have the same height"
+ }
+ ]
}
,{
"@context": {
@@ -479,7 +1995,7 @@
"en": "A simple CSS solution to turn tables into responsive cards for smaller windows.",
"fr": "Une solution CSS simple pour transformer les tables en cartes réactives pour des fenêtres plus petites."
},
- "modified": "2023-09-05",
+ "modified": "2024-03-28",
"componentName": "gc-table",
"status": "provisional",
"todos": [
@@ -497,6 +2013,28 @@
"language": "fr",
"path": "gc-table-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #6 - GC tables",
+ "language": "en",
+ "path": "reports/a11y-6-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #6 - Tableaux GC",
+ "language": "fr",
+ "path": "reports/a11y-6-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #7 - GC tables",
+ "language": "en",
+ "path": "reports/a11y-7-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #7 - Tableaux GC",
+ "language": "fr",
+ "path": "reports/a11y-7-fr.html"
+ }
]
}
}
@@ -568,6 +2106,40 @@
]
}
}
+,{
+ "@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": "Images",
+ "fr": "Images"
+ },
+ "description": {
+ "en": "Apply WET-BOEW simple styles or modify an image without use of editing software.",
+ "fr": "Appliquez les styles simples WET-BOEW ou modifiez une image sans utiliser de logiciel d'édition."
+ },
+ "modified": "2023-07-12",
+ "componentName": "images",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Images",
+ "language": "en",
+ "path": "images-en.html"
+ },
+ {
+ "title": "Images",
+ "language": "fr",
+ "path": "images-fr.html"
+ }
+ ]
+ }
+}
,{
"@context": {
"@version": 1.1,
@@ -672,7 +2244,7 @@
"en": "Labels including all various states.",
"fr": "Étiquettes comprenant tous les différents états."
},
- "modified": "2023-07-11",
+ "modified": "2024-03-28",
"componentName": "labels",
"processing": "baseline",
"status": "stable",
@@ -688,6 +2260,28 @@
"language": "fr",
"path": "labels-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #8 - Labels",
+ "language": "en",
+ "path": "reports/a11y-8-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #8 - Étiquettes",
+ "language": "fr",
+ "path": "reports/a11y-8-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #9 - Labels",
+ "language": "en",
+ "path": "reports/a11y-9-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #9 - Étiquettes",
+ "language": "fr",
+ "path": "reports/a11y-9-fr.html"
+ }
]
}
}
@@ -741,42 +2335,42 @@
"en": "Transforms a simple form into a conversation like experience used as a wizard.",
"fr": "Conversation suggestive"
},
- "modified": "2020-08-18",
+ "modified": "2024-12-05",
"componentName": "wb-chtwzrd",
- "status": "provisional",
+ "status": "deprecated",
"pages": {
"examples": [
{
"title": "Chat wizard",
"language": "en",
- "path": "chatwizard-en.html"
+ "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-en.html"
},
{
"title": "Conversation suggestive",
"language": "fr",
- "path": "chatwizard-fr.html"
+ "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-fr.html"
},
{
"title": "with JSON setting",
"language": "en",
- "path": "chatwizard-json-en.html"
+ "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-json-en.html"
},
{
"title": "avec une configuration JSON",
"language": "fr",
- "path": "chatwizard-json-fr.html"
+ "path": "../../méli-mélo/deprecated/chatwizard/chatwizard-json-fr.html"
}
],
"docs": [
{
"title": "Chat wizard",
"language": "en",
- "path": "docs.html"
+ "path": "../../méli-mélo/deprecated/chatwizard/docs.html"
},
{
"title": "Chat wizard (en anglais seulement)",
"language": "fr",
- "path": "docs.html"
+ "path": "../../méli-mélo/deprecated/chatwizard/docs.html"
}
],
"related": [
@@ -793,62 +2387,6 @@
]
}
}
-,{
- "@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": "Data JSON",
- "fr": "Data JSON"
- },
- "description": {
- "en": "Insert content extracted from a JSON file.",
- "fr": "Insertion de contenu extrait d'un fichier JSON"
- },
- "modified": "2022-08-25",
- "componentName": "wb-data-json",
- "status": "stable",
- "pages": {
- "examples": [
- {
- "title": "Data JSON",
- "language": "en",
- "url": "https://wet-boew.github.io/wet-boew/demos/wb-data-json/data-json-en.html"
- },
- {
- "title": "Data JSON",
- "language": "fr",
- "url": "https://wet-boew.github.io/wet-boew/demos/wb-data-json/data-json-fr.html"
- },
- {
- "title": "Template HTML 5",
- "language": "en",
- "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/template-en.html"
- },
- {
- "title": "Gabarit HTML 5",
- "language": "fr",
- "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/template-fr.html"
- }
- ],
- "docs": [
- {
- "title": "Data JSON",
- "language": "en",
- "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-en.html"
- },
- {
- "title": "Data JSON",
- "language": "fr",
- "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-en.html"
- }
- ]
- }
-}
,{
"@context": {
"@version": 1.1,
@@ -991,62 +2529,6 @@
]
}
}
-,{
- "@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": "JSON Manager",
- "fr": "Gestionnaire JSON"
- },
- "description": {
- "en": "Manage dataset and apply JSON Patch",
- "fr": "Gérer des jeux de données et applique des correctifs JSON."
- },
- "modified": "2022-08-25",
- "componentName": "wb-jsonmanager",
- "status": "stable",
- "pages": {
- "examples": [
- {
- "title": "JSON Manager",
- "language": "en",
- "url": "https://wet-boew.github.io/wet-boew/demos/wb-jsonmanager/jsonmanager-en.html"
- },
- {
- "title": "Gestionnaire JSON",
- "language": "fr",
- "url": "https://wet-boew.github.io/wet-boew/demos/wb-jsonmanager/jsonmanager-fr.html"
- },
- {
- "title": "with Do Action patches",
- "language": "en",
- "path": "jsonmanager-doaction-en.html"
- },
- {
- "title": "avec l'exécuteur d'action de patches",
- "language": "fr",
- "path": "jsonmanager-doaction-fr.html"
- }
- ],
- "docs": [
- {
- "title": "JSON Manager",
- "language": "en",
- "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-jsonmanager/wb-jsonmanager-en.html"
- },
- {
- "title": "Gestionnaire JSON",
- "language": "fr",
- "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-jsonmanager/wb-jsonmanager-fr.html"
- }
- ]
- }
-}
,{
"@context": {
"@version": 1.1,
@@ -1201,50 +2683,4 @@
]
}
}
-,{
- "@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": "Well bold",
- "fr": "Boîte grise en gras"
- },
- "description": {
- "en": "This apply font weight bold to evey text element inside a well component and generates normal font weight when the element strong
is applied.",
- "fr": "Ceci applique la propriété gras comme poid de police de caractère à chacun des éléments d'un composant well et applique un poid de police de caractère normal lorsque l'élément strong
est appliqué."
- },
- "modified": "2022-04-28",
- "componentName": "well-bold",
- "status": "stable",
- "pages": {
- "examples": [
- {
- "title": "Well bold - working example",
- "language": "en",
- "path": "well-bold-en.html"
- },
- {
- "title": "Boîte grise en gras - example pratique",
- "language": "fr",
- "path": "well-bold-fr.html"
- }
- ],
- "docs": [
- {
- "title": "Well bold",
- "language": "en",
- "path": "well-bold-doc-en.html"
- },
- {
- "title": "Boîte grise en gras",
- "language": "fr",
- "path": "well-bold-doc-fr.html"
- }
- ]
- }
-}
]
diff --git a/_data/design-patterns.json b/_data/design-patterns.json
index fe51488c70..09501d7af9 100644
--- a/_data/design-patterns.json
+++ b/_data/design-patterns.json
@@ -1 +1,433 @@
-[]
+[{
+ "@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": "About the institution pattern",
+ "fr": "À propos de l’institution"
+ },
+ "description": {
+ "en": "Section on an institutional landing page that provides links to corporate, program and policy information",
+ "fr": "Section d’une page d’accueil institutionnelle offrant des liens vers des renseignements relatifs à un organisme, à un programme ou à une politique en particulier."
+ },
+ "modified": "2024-01-11",
+ "componentName": "gc-institution",
+ "pages": {
+ "docs": [
+ {
+ "title": "About the institution",
+ "language": "en",
+ "path": "gc-institution-doc-en.html"
+ },
+ {
+ "title": "À propos de l'institution",
+ "language": "fr",
+ "path": "gc-institution-doc-fr.html"
+ }
+ ],
+ "examples": [
+ {
+ "title": "About the institution",
+ "language": "en",
+ "path": "gc-institution-en.html"
+ },
+ {
+ "title": "À propos de l'institution",
+ "language": "fr",
+ "path": "gc-institution-fr.html"
+ }
+ ]
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "About the institution - default",
+ "fr": "À propos de l'institution - par défaut"
+ },
+ "description": {
+ "en": "Section on an institutional landing page that provides links to corporate, program and policy information",
+ "fr": "Section d’une page d’accueil institutionnelle offrant des liens vers des renseignements relatifs à un organisme, à un programme ou à une politique en particulier."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/mandatory-templates/institutional-profile-pages.html",
+ "fr": "https://conception.canada.ca/modeles-obligatoire/pages-profil-institutionnel.html"
+ },
+ "example": [
+ {
+ "en": { "href": "gc-institution-en.html", "text": "About the institution" },
+ "fr": { "href": "gc-institution-fr.html", "text": "À propos de l'institution" }
+ }
+ ],
+ "implementation": [
+ "_:implement_institution"
+ ],
+ "history": [
+ {
+ "en": "March 2024 - Initial implementation of the variation.",
+ "fr": "Mars 2024 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_institution",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the code sample below."
+ ],
+ "fr": [
+ "Référez-vous au code qui suit."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "\n\tAbout [Institution] \n\t\n "
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": "\n\tÀ propos de [Institution] \n\t\n "
+ }
+ ]
+ }
+ }
+ ]
+}
+,{
+ "@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": "Introduction block",
+ "fr": "Bloc d’introduction"
+ },
+ "description": {
+ "en": "Guidance about using the introduction block component on Canada.ca.",
+ "fr": "Orientation sur l’utilisation du composant bloc d’introduction sur Canada.ca."
+ },
+ "modified": "2024-12-05",
+ "componentName": "gc-intro",
+ "pages": {
+ "docs": [
+ {
+ "title": "Introduction block",
+ "language": "en",
+ "path": "gc-intro-doc-en.html"
+ },
+ {
+ "title": "Bloc d’introduction",
+ "language": "fr",
+ "path": "gc-intro-doc-fr.html"
+ }
+ ],
+ "examples": [
+ {
+ "title": "Introduction block",
+ "language": "en",
+ "path": "gc-intro-en.html"
+ },
+ {
+ "title": "Bloc d’introduction",
+ "language": "fr",
+ "path": "gc-intro-fr.html"
+ },
+ {
+ "title": "Introduction block with full-width image",
+ "language": "en",
+ "path": "gc-intro-full-width-image-en.html"
+ },
+ {
+ "title": "Bloc d’introduction avec image pleine largeur",
+ "language": "fr",
+ "path": "gc-intro-full-width-image-fr.html"
+ },
+ {
+ "title": "Introduction block with half-width image",
+ "language": "en",
+ "path": "gc-intro-half-width-image-en.html"
+ },
+ {
+ "title": "Bloc d’introduction avec image demi-largeur",
+ "language": "fr",
+ "path": "gc-intro-half-width-image-fr.html"
+ }
+ ]
+ },
+ "dependencies": {
+ "en": [
+ { "title": "Background image", "url": "https://wet-boew.github.io/wet-boew/docs/ref/bgimg/bgimg-en.html", "component": "bgimg" },
+ { "title": "Main page title", "url": "https://wet-boew.github.io/GCWeb/sites/main-page-title/main-page-title-en.html", "component": "main-page-title" }
+ ],
+ "fr": [
+ { "title": "Image d'arrière plan", "url": "https://wet-boew.github.io/wet-boew/docs/ref/bgimg/bgimg-fr.html", "component": "bgimg" },
+ { "title": "Titre principal", "url": "https://wet-boew.github.io/GCWeb/sites/main-page-title/main-page-title-fr.html", "component": "main-page-title" }
+ ]
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Introduction block - default",
+ "fr": "Bloc d'introduction - par défaut"
+ },
+ "description": {
+ "en": "The introduction block pattern introduces the content of a landing page.",
+ "fr": "La configuration de conception du bloc d’introduction introduit le contenu d’une page d’accueil."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/intro-block.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/block-introduction.html"
+ },
+ "example": [
+ {
+ "en": { "href": "gc-intro-en.html", "text": "Introduction block" },
+ "fr": { "href": "gc-intro-fr.html", "text": "Bloc d'introduction" }
+ }
+ ],
+ "implementation": [
+ "_:implement_intro"
+ ],
+ "history": [
+ {
+ "en": "March 2024 - Initial implementation of the variation.",
+ "fr": "Mars 2024 - Implémentation initiale de la variante."
+ }
+ ]
+ },
+ {
+ "name": {
+ "en": "Introduction block with full-width image",
+ "fr": "Bloc d'introduction avec image pleine largeur"
+ },
+ "description": {
+ "en": "The introduction block pattern introduces the content of a landing page. This variation contains an image.",
+ "fr": "La configuration de conception du bloc d’introduction introduit le contenu d’une page d’accueil. Cette variation contient une image."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/intro-block.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/block-introduction.html"
+ },
+ "example": [
+ {
+ "en": { "href": "gc-intro-full-width-image-en.html", "text": "Introduction block with full-width image" },
+ "fr": { "href": "gc-intro-full-width-image-fr.html", "text": "Bloc d'introduction avec image pleine largeur" }
+ }
+ ],
+ "implementation": [
+ "_:implement_intro_full_width_image"
+ ],
+ "history": [
+ {
+ "en": "March 2024 - Initial implementation of the variation.",
+ "fr": "Mars 2024 - Implémentation initiale de la variante."
+ }
+ ]
+ },
+ {
+ "name": {
+ "en": "Introduction block with half-width image",
+ "fr": "Bloc d'introduction avec image demi-largeur"
+ },
+ "description": {
+ "en": "The introduction block pattern introduces the content of a landing page. This variation contains an image.",
+ "fr": "La configuration de conception du bloc d’introduction introduit le contenu d’une page d’accueil. Cette variation contient une image."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/intro-block.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/block-introduction.html"
+ },
+ "example": [
+ {
+ "en": { "href": "gc-intro-half-width-image-en.html", "text": "Introduction block with half-width image" },
+ "fr": { "href": "gc-intro-half-width-image-fr.html", "text": "Bloc d'introduction avec image demi-largeur" }
+ }
+ ],
+ "implementation": [
+ "_:implement_intro_half_width_image"
+ ],
+ "history": [
+ {
+ "en": "June 2024 - Initial implementation of the variation.",
+ "fr": "Juin 2024 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_intro",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "The introduction block pattern is a mandatory element for institutional landing pages and topic pages. It’s optional for other landing pages.",
+ "According to the Canada.ca design system guidance, the introduction block with image contains the following elements:title (mandatory) short description (mandatory) supertask button (optional) ",
+ "Refer to the code sample below."
+ ],
+ "fr": [
+ "La configuration de conception du bloc d’introduction est un élément obligatoire pour les pages d’accueil institutionnelles et les pages de sujet. Elle est facultative pour les autres pages d’accueil.",
+ "Selon les directives du système de conception Canada.ca, le bloc d'introduction avec image contient les éléments suivants :titre (obligatoire) description courte (obligatoire) bouton de super-tâche (facultatif) ",
+ "Référez-vous au code qui suit."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "Introduction block \nThe introduction block pattern introduces the content of a landing page.
\nSuper task button
"
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": "Bloc d'introduction \nLa configuration de conception du bloc d’introduction introduit le contenu d’une page d’accueil.
\nBouton de super-tâche
"
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_intro_full_width_image",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "This introduction block variant is a mandatory element for institutional landing pages. It’s optional for other landing pages.",
+ "According to the Canada.ca design system guidance, the introduction block with image contains the following elements:title (mandatory) short description (mandatory) image (mandatory) supertask button (optional) ",
+ "Refer to the code sample below."
+ ],
+ "fr": [
+ "Cette variante du bloc d'introduction est un élément obligatoire pour les pages d’accueil institutionnelles et les pages de sujet. Elle est facultative pour les autres pages d’accueil.",
+ "Selon les directives du système de conception Canada.ca, le bloc d'introduction avec image contient les éléments suivants :titre (obligatoire) description courte (obligatoire) image (obligatoire) bouton de super-tâche (facultatif) ",
+ "Référez-vous au code qui suit."
+ ]
+ },
+ "techConsiderations": {
+ "en": [
+ "It is the responsibility of the author to make sure the whole text has a minimum contrast ratio of 4:1 with the background image on every breakpoint and with a zoom of up to 400%.",
+ "The background image size recommended is 1200px by 726px. For more information on the background image, please consult the official guidelines."
+ ],
+ "fr": [
+ "Il est de la responsabilité de l'auteur de s'assurer que l'ensemble du texte présente un rapport de contraste minimum de 4:1 avec l'image d'arrière-plan sur chaque point d'arrêt et avec un zoom allant jusqu'à 400 %.",
+ "La taille de l’image d’arrière-plan recommandée est de 1200px par 726px. Pour plus d'information sur l'image d'arrière-plan, veuillez consulter les directives officielles."
+ ]
+ },
+ "notes": {
+ "en": [
+ "The introduction block with image pattern must be located outside of the default page container (or any element with the class .container
)."
+ ],
+ "fr": [
+ "La configuration de conception du bloc d’introduction avec image doit être située en dehors du conteneur de page par défaut (ou de tout élément avec la classe .container
)."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
Introduction block with full-width image \n\t\t\t\t
The introduction block pattern introduces the content of a landing page.
\n\t\t\t\t
Supertask button
\n\t\t\t
\n\t\t
\n\t
\n
"
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": "\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
Bloc d'introduction avec image pleine largeur \n\t\t\t\t
La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.
\n\t\t\t\t
Bouton de super-tâche
\n\t\t\t
\n\t\t
\n\t
\n
"
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_intro_half_width_image",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "This introduction block variant is a mandatory element for topic pages.",
+ "According to the Canada.ca design system guidance, the introduction block with half-width image contains the following elements:title (mandatory) short description (mandatory) half-width image (mandatory) supertask button (optional) ",
+ "Refer to the code sample below."
+ ],
+ "fr": [
+ "Cette variante du bloc d’introduction est un élément obligatoire pour les pages de sujet.",
+ "Selon les directives du système de conception Canada.ca, le bloc d'introduction avec image demi largeur contient les éléments suivants :titre (obligatoire) description courte (obligatoire) image demi largeur (obligatoire) bouton de super-tâche (facultatif) ",
+ "Référez-vous au code qui suit."
+ ]
+ },
+ "techConsiderations": {
+ "en": [
+ "The size recommended for this variant's image is 520px by 200px. For more information on the half-width image, please consult the official guidelines. If the image is decorative, meaning it doesn't provide any message and doesn't contain any text, ensure the text alternative is empty on the image. Otherwise, provide a text alternative that represents the message illustrated by the image and a text alternative that contains every words, written as is, in the text alternative."
+ ],
+ "fr": [
+ "La taille d’image recommandée pour cette variante est de 520 px par 200 px. Pour plus d’informations sur l’image demi-largeur, veuillez consulter les directives officielles. Si l'image est décorative, c'est-à-dire qu'elle ne transmet aucun message et ne contient aucun texte, assurez-vous que le texte alternatif est vide sur l'image. Sinon, fournissez un texte alternatif qui représente le message illustré par l’image et qui contient tous les mots, écrits tels quels dans l'image."
+ ]
+ },
+ "notes": {
+ "en": [
+ "The introduction block with half-width image pattern must be located outside of the default page container (or any element with the class .container
)."
+ ],
+ "fr": [
+ "La configuration de conception du bloc d’introduction avec image demi-largeur doit être située en dehors du conteneur de page par défaut (ou de tout élément avec la classe .container
)."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "\n\t
\n\t\t
Introduction block with half-width image \n\t\t
The introduction block pattern introduces the content of a landing page.
\n\t\t
Supertask button
\n\t
\n\t
\n\t\t
\n\t
\n
"
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": "\n\t
\n\t\t
Bloc d'introduction avec image demi-largeur \n\t\t
La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.
\n\t\t
Bouton de super-tâche
\n\t
\n\t
\n\t\t
\n\t
\n
"
+ }
+ ]
+ }
+ }
+ ]
+}
+]
diff --git a/_data/i18n.yml b/_data/i18n.yml
index 0d7f6b3f82..e94453832d 100644
--- a/_data/i18n.yml
+++ b/_data/i18n.yml
@@ -8,6 +8,7 @@ page_group:
spec: Specification
test: Tests pages
reports: Reports
+ other: Other
fr:
examples: Exemples
docs: Documentations
@@ -16,6 +17,7 @@ page_group:
impl-ref: Référence d'implémentation
spec: Spécification
reports: Rapports
+ other: Autre
# Status de component
component_status:
diff --git "a/_data/m\303\251li-m\303\251lo.json" "b/_data/m\303\251li-m\303\251lo.json"
index 70621fd18d..5226f1a820 100644
--- "a/_data/m\303\251li-m\303\251lo.json"
+++ "b/_data/m\303\251li-m\303\251lo.json"
@@ -2,25 +2,23 @@
"title": "Liste des produits méli-mélo fusionnés",
"packages": [
{
- "nom": "2023-10-mount-revelstoke",
+ "nom": "2025-04-nahanni",
"libs": [
- "2022-09-svgimagemap",
- "2021-05-conjunction",
- "2021-05-steps",
- "2023-09-menu",
- "2023-09-distance-calculator",
- "2023-09-collection-sort"
+ "2024-10-datatable-utilities",
+ "2024-02-charts",
+ "2024-04-stepsquiz",
+ "2021-05-conjunction",
+ "2021-05-steps",
+ "deprecated"
]
},
{
- "nom": "2024-09-kejimkujik",
+ "nom": "2025-12-mille-iles",
"libs": [
- "2021-05-conjunction",
- "2023-09-menu",
- "2023-09-distance-calculator",
- "2023-09-collection-sort",
- "2021-05-steps",
- "2023-10-clipboard"
+ "2024-10-datatable-utilities",
+ "2021-05-conjunction",
+ "2021-05-steps",
+ "deprecated"
]
},
{
@@ -28,7 +26,8 @@
"libs": [
"th-canadaday",
"th-winterlude",
- "th-zev"
+ "th-zev",
+ "th-empathy"
]
}
],
@@ -71,6 +70,10 @@
"nom": "th-zev",
"mainpage": "zev.html"
},
+ {
+ "nom": "th-empathy",
+ "mainpage": "empathy.html"
+ },
{
"nom": "2022-09-svgimagemap",
"mainpage": "bcmap.html"
@@ -82,11 +85,25 @@
{
"nom": "2023-10-clipboard",
"mainpage": "index.html"
+ },
+ {
+ "nom": "2024-02-charts",
+ "mainpage": "index.html"
+ },
+ {
+ "nom": "2024-04-stepsquiz",
+ "mainpage": "index.html"
+ },
+ {
+ "nom": "2024-10-datatable-utilities",
+ "mainpage": "index-en.html"
+ },
+ {
+ "nom": "deprecated",
+ "mainpage": "deprecated.html"
}
],
"future-packages-names": [
- "nahanni",
- "mille-iles",
"ivvavik",
"vuntut",
"auyuittuq",
diff --git a/_data/sites.json b/_data/sites.json
index 04e1c4629a..3e6ec3171e 100644
--- a/_data/sites.json
+++ b/_data/sites.json
@@ -44,7 +44,6 @@
}
]
},
- "dependencies": "no dependency",
"a11yGuidance": "no accessibility guidance",
"variations": [
{
@@ -480,7 +479,7 @@
"en": "Indicates the date on which the current page was last modified.",
"fr": "Indique la date à laquelle la page courante a été modifiée pour la dernière fois."
},
- "modified": "2023-11-02",
+ "modified": "2024-07-11",
"componentName": "date-modified",
"status": "stable",
"version": "1.0",
@@ -498,9 +497,14 @@
}
]
},
- "dependencies": [
- "Page details"
- ],
+ "dependencies": {
+ "en": [
+ { "title": "Page details", "url": "https://wet-boew.github.io/GCWeb/sites/page-details/page-details-docs-en.html", "component": "page-details" }
+ ],
+ "fr": [
+ { "title": "Détails de la page", "url": "https://wet-boew.github.io/GCWeb/sites/page-details/page-details-docs-fr.html", "component": "page-details" }
+ ]
+ },
"a11yGuidance": "no accessibility guidance",
"variations": [
{
@@ -586,13 +590,13 @@
"@type": "source-code",
"@language": "en",
"description": "Code sample",
- "code": "<dl id=\"wb-dtmd\">\n\t<dt>Date modified:</dt>\n\t<dd><time property=\"dateModified\">YYYY-MM-DD</time></dd>\n</dl>"
+ "code": "\n\tDate modified: \n\tYYYY-MM-DD \n "
},
{
"@type": "source-code",
- "@language": "en",
- "description": "Code sample with contact link",
- "code": "<dl id=\"wb-dtmd\">\n\t<dt>Date de modification :</dt>\n\t<dd><time property=\"dateModified\">YYYY-MM-DD</time></dd>\n</dl>"
+ "@language": "fr",
+ "description": "Exemple de code",
+ "code": "\n\tDate de modification : \n\tYYYY-MM-DD \n "
}
]
}
@@ -689,11 +693,48 @@
"language": "fr",
"path": "report-problem-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #1",
+ "language": "en",
+ "path": "reports/a11y-2-en.html"
+ },
+ {
+ "title": "Évaluation de l'accessibilité #1",
+ "language": "fr",
+ "path": "reports/a11y-2-fr.html"
+ },
+ {
+ "title": "Accessibility Conformance Report - WCAG Level AA - Autumn 2023",
+ "language": "en",
+ "path": "reports/acr-2023-autumn-en.html"
+ },
+ {
+ "title": "Rapport de conformité d'accessibilité WCAG 2.1 Niveau AA - Automne 2023",
+ "language": "fr",
+ "path": "reports/acr-2023-autumn-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #2 - CRA Usability testing",
+ "language": "en",
+ "path": "reports/a11y-3-en.html"
+ },
+ {
+ "title": "Évaluation de l'accessibilité #2 - Test d'utilisabilité de l'ARC",
+ "language": "fr",
+ "path": "reports/a11y-3-fr.html"
+ }
+ ]
+ },
+ "dependencies": {
+ "en": [
+ { "title": "Page details", "url": "https://wet-boew.github.io/GCWeb/sites/page-details/page-details-docs-en.html", "component": "page-details" }
+ ],
+ "fr": [
+ { "title": "Détails de la page", "url": "https://wet-boew.github.io/GCWeb/sites/page-details/page-details-docs-fr.html", "component": "page-details" }
]
},
- "dependencies": [
- "Page details"
- ],
"a11yGuidance": "no accessibility guidance",
"variations": [
{
@@ -965,14 +1006,14 @@
},
"instructions": {
"en": [
- "Ensure the version of GCWeb v13.9.0 or earlier is implemented.",
- "Ensure the latest version of the page details is implemented.",
+ "Ensure the version 13.9.0 or newer of GCWeb is implemented.",
+ "Ensure the version 3.0 or newer of the page details is implemented.",
"To show the page feedback form, create a <div class=\"wb-disable-allow\">
with the following data attributes:Mandatory: data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"
Optional: data-feedback-theme=\"[Text defining the theme of your page]\"
Optional: data-feedback-section=\"[Text defining the section where your page resides]\"
",
"Additionally, your page needs to have the following metadata: <meta name=\"dcterms.creator\" content=\"[Department name]\">
"
],
"fr": [
- "Vérifier que la version v13.9.0 ou plus récente de GCWeb est implémentée.",
- "Vérifier que la version 3.0, ou plus récente, du détails de la page est implémentée.",
+ "Vérifier que la version 13.9.0 ou plus récente de GCWeb est implémentée.",
+ "Vérifier que la version 3.0 ou plus récente du détails de la page est implémentée.",
"Pour afficher le formulaire de rétroaction sur la page, créez un <div class=\"wb-disable-allow\">
avec les attributs suivants :Obligatoire : data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"
Optionnel : data-feedback-theme=\"[Texte définissant le thème de votre page]\"
Optionnel : data-feedback-section=\"[Texte définissant la section où réside votre page]\"
",
"De plus, vous pouvez définir les métadonnées suivantes : <meta name=\"dcterms.creator\" content=\"[Department name]\">
"
]
@@ -1121,14 +1162,14 @@
},
"instructions": {
"en": [
- "Ensure the version of GCWeb v13.9.0 or earlier is implemented",
- "Ensure the latest version of page details is implemented",
+ "Ensure the version 13.9.0 or newer of GCWeb is implemented.",
+ "Ensure the version 3.0 or newer of the page details is implemented.",
"To show the page feedback form, create a <div class=\"wb-disable-allow\">
with the following data attributes:Mandatory: data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-en.html\"
Mandatory: data-feedback-link=\"[Contact link text]\"
Mandatory: data-feedback-url=\"[Contact link URL]\"
Optional: data-feedback-theme=\"[Text defining the theme of your page]\"
Optional: data-feedback-section=\"[Text defining the section where your page resides]\"
",
"Additionally, your page needs to have the following metadata: <meta name=\"dcterms.creator\" content=\"[Department name]\">
"
],
"fr": [
- "Vérifier que la version v13.9.0 ou plus récente de GCWeb est implémentée.",
- "Vérifier que la version 3.0, ou plus récente, du détails de la page est implémentée.",
+ "Vérifier que la version 13.9.0 ou plus récente de GCWeb est implémentée.",
+ "Vérifier que la version 3.0 ou plus récente du détails de la page est implémentée.",
"Pour afficher le formulaire de rétroaction sur la page, créez un <div class=\"wb-disable-allow\">
avec les attributs suivants :Obligatoire : data-ajax-replace=\"https://www.canada.ca/etc/designs/canada/wet-boew/assets/feedback/page-feedback-fr.html\"
Obligatoire : data-feedback-link=\"[Contact link text]\"
Obligatoire : data-feedback-url=\"[Contact link URL]\"
Optionnel : data-feedback-theme=\"[Texte définissant le thème de votre page]\"
Optionnel : data-feedback-section=\"[Texte définissant la section où réside votre page]\"
",
"De plus, vous pouvez définir les métadonnées suivantes : <meta name=\"dcterms.creator\" content=\"[Department name]\">
"
]
@@ -2024,7 +2065,7 @@
"en": "Documentation on how to use the header.",
"fr": "Documentation sur l'utilisation de l'entête."
},
- "modified": "2022-05-10",
+ "modified": "2024-03-29",
"componentName": "header",
"status": "stable",
"pages": {
@@ -2039,6 +2080,28 @@
"language": "fr",
"path": "header-docs-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #7 - GC header brand logo",
+ "language": "en",
+ "path": "reports/a11y-7-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #7 - Logo de la marque d'en-tête GC",
+ "language": "fr",
+ "path": "reports/a11y-7-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #8 - GC header brand logo",
+ "language": "en",
+ "path": "reports/a11y-8-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #8 - Logo de la marque d'en-tête GC",
+ "language": "fr",
+ "path": "reports/a11y-8-fr.html"
+ }
]
}
}
@@ -2119,134 +2182,192 @@
"modified": "dct:modified"
},
"title": {
- "en": "Page details",
- "fr": "Détails de la page"
+ "en": "Main title of the page",
+ "fr": "Titre principal"
},
"description": {
- "en": "Documentation on how to use the page details section.",
- "fr": "Documentation sur l'utilisation de la section des détails de la page."
+ "en": "Documentation on how to use the Main title of the page component.",
+ "fr": "Documentation sur l'utilisation du composant Titre principal."
},
- "version": "3.0",
- "modified": "2022-04-11",
- "componentName": "page-details",
- "componentType": "container",
+ "modified": "2024-08-27",
+ "componentName": "main-page-title",
"status": "stable",
+ "version": "1.2",
"pages": {
"docs": [
{
- "title": "Documentation for Page details",
+ "title": "Main page title documentation",
"language": "en",
- "path": "page-details-docs-en.html"
+ "path": "main-page-title-en.html"
},
{
- "title": "Documentation pour Détails de la page",
+ "title": "Documentation du titre principal",
"language": "fr",
- "path": "page-details-docs-fr.html"
+ "path": "main-page-title-fr.html"
}
],
"examples": [
{
- "title": "Default Page details",
+ "title": "Content page with default main page title",
"language": "en",
- "path": "page-details-default-en.html"
+ "path": "../../templates/content-page/content-en.html"
},
{
- "title": "Détails de la page par défaut",
+ "title": "Page de contenu avec titre principal par défaut",
"language": "fr",
- "path": "page-details-default-fr.html"
+ "path": "../../templates/content-page/content-fr.html"
},
{
- "title": "Page details with Page feedback tool",
+ "title": "Stacked main page title",
"language": "en",
- "path": "page-details-pft-en.html"
+ "path": "main-page-title-stacked-en.html"
},
{
- "title": "Détails de la page avec Outil de rétroaction sur la page",
+ "title": "Titre principal superposé",
"language": "fr",
- "path": "page-details-pft-fr.html"
+ "path": "main-page-title-stacked-fr.html"
},
{
- "title": "Page details with Share this page",
+ "title": "Main page title aligned on the right",
"language": "en",
- "path": "page-details-share-en.html"
+ "path": "main-page-title-align-right-en.html"
},
{
- "title": "Détails de la page avec Partagez cette page",
+ "title": "Titre principal de la page aligné à droite",
"language": "fr",
- "path": "page-details-share-fr.html"
+ "path": "main-page-title-align-right-fr.html"
},
{
- "title": "Page details with Page feedback tool and Share this page",
+ "title": "Main page title in a div aligned on the right",
"language": "en",
- "path": "page-details-pft-share-en.html"
+ "path": "main-page-title-div-align-right-en.html"
},
{
- "title": "Détails de la page avec Outil de rétroaction sur la page et Partagez cette page",
+ "title": "Titre principal dans une div alignée à droite",
"language": "fr",
- "path": "page-details-pft-share-fr.html"
+ "path": "main-page-title-div-align-right-fr.html"
+ },
+ {
+ "title": "Stacked main page title in a div aligned on the right",
+ "language": "en",
+ "path": "main-page-title-div-stacked-align-right-en.html"
+ },
+ {
+ "title": "Titre principal superposé dans une div alignée à droite",
+ "language": "fr",
+ "path": "main-page-title-div-stacked-align-right-fr.html"
+ },
+ {
+ "title": "Stacked main page title aligned on the right",
+ "language": "en",
+ "path": "main-page-title-stacked-align-right-en.html"
+ },
+ {
+ "title": "Titre principal superposé aligné à droite",
+ "language": "fr",
+ "path": "main-page-title-stacked-align-right-fr.html"
}
]
},
- "dependencies": [
- "Page feedback area",
- "Share this page",
- "Date modified"
- ],
- "a11yGuidance": "no accessibility guidance",
+ "a11yGuidance": "This component respects all WCAG 2.1 guidelines.",
"variations": [
{
"name": {
- "en": "Page details",
- "fr": "Détails de la page"
+ "en": "Main page title - default",
+ "fr": "Titre principal - par défaut"
},
"status": "stable",
"description": {
- "en": "This component may contain the following components: Page feedback tool, Share this page, and Date modified.",
- "fr": "Ce composant peut contenir les composants suivants : Outil de rétroaction sur la page, Partager cette page et Date de modification."
+ "en": "When the H1 is the main title of a page, it includes a red bar as part of the Canada.ca brand.",
+ "fr": "Lorsque le H1 est le titre principal d'une page, il inclut une barre rouge faisant partie de la marque Canada.ca."
},
- "iteration": "_:iteration_pd_3",
+ "guidance": {
+ "en": "https://design.canada.ca/styles/typography.html",
+ "fr": "https://conception.canada.ca/styles/typographie.html"
+ },
+ "iteration": "_:iteration_mpt_4",
"example": [
{
- "en": { "href": "page-details-default-en.html", "text": "Default Page details" },
- "fr": { "href": "page-details-default-fr.html", "text": "Détails de la page par défaut" }
- },
- {
- "en": { "href": "page-details-pft-en.html", "text": "Page details with Page feedback tool" },
- "fr": { "href": "page-details-pft-fr.html", "text": "Détails de la page avec Outil de rétroaction sur la page" }
+ "en": { "href": "../../templates/content-page/content-en.html", "text": "Content page (main page title)" },
+ "fr": { "href": "../../templates/content-page/content-fr.html", "text": "Page de contenu (titre principal)" }
},
{
- "en": { "href": "page-details-share-en.html", "text": "Page details with Share this page" },
- "fr": { "href": "page-details-share-fr.html", "text": "Détails de la page avec Partagez cette page" }
+ "en": { "href": "main-page-title-align-right-en", "text": "Main page title aligned on the right" },
+ "fr": { "href": "main-page-title-align-right-fr.html", "text": "Titre principal de la page aligné à droite" }
},
{
- "en": { "href": "page-details-pft-share-en.html", "text": "Page details with Page feedback tool and Share this page" },
- "fr": { "href": "page-details-pft-share-fr.html", "text": "Détails de la page avec Outil de rétroaction sur la page et Partagez cette page" }
+ "en": { "href": "main-page-title-div-align-right-en", "text": "Main page title in a div aligned on the right" },
+ "fr": { "href": "main-page-title-div-align-right-fr.html", "text": "Titre principal dans une div alignée à droite" }
}
],
"implementation": [
- "_:implement_pd",
- "_:implement_pd_gcweb"
+ "_:implement_mpt",
+ "_:implement_mpt_gcweb"
],
"history": [
{
- "en": "March 2023 - Tag changed to .",
- "fr": "Mars 2023 - Balise changée pour ."
+ "en": "2024-10 - Right to left support - initial implementation of the variant.",
+ "fr": "2024-10 - Support de droite à gauche - Implémentation initiale de la variation."
},
{
- "en": "May 2022 - Total revamp.",
- "fr": "Mai 2022 - Refonte totale."
+ "en": "2024-08 - Fixed three-sided border bug in Safari <= 15.3",
+ "fr": "2024-08 - Correction d’un bogue de bordure à trois côtés dans Safari <= 15.3"
},
{
- "en": "October 2017 - Initial implementation of the variation.",
- "fr": "Octobre 2017 - Implémentation initiale de la variante."
+ "en": "2024-01 - Visual update",
+ "fr": "2024-01 - Mise à jour visuelle"
+ }
+ ]
+ },
+ {
+ "name": {
+ "en": "Stacked main page title",
+ "fr": "Titre principal superposé"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Use the stacked main page title to display the page's section title as well as the page title.",
+ "fr": "Utilisez le titre de la page principale superposé pour afficher le titre de la section de la page ainsi que le titre de la page."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/styles/typography.html",
+ "fr": "https://conception.canada.ca/styles/typographie.html"
+ },
+ "iteration": "_:iteration_smpt_2",
+ "example": [
+ {
+ "en": { "href": "main-page-title-stacked-en.html", "text": "Stacked main page title" },
+ "fr": { "href": "main-page-title-stacked-fr.html", "text": "Titre principal superposé" }
+ },
+ {
+ "en": { "href": "main-page-title-stacked-align-right-en", "text": "Stacked main page title aligned on the right" },
+ "fr": { "href": "main-page-title-stacked-align-right-fr.html", "text": "Titre principal superposé aligné à droite" }
+ },
+ {
+ "en": { "href": "main-page-title-div-stacked-align-right-en", "text": "Stacked main page title in a div aligned on the right" },
+ "fr": { "href": "main-page-title-div-stacked-align-right-fr.html", "text": "Titre principal superposé aligné à droite" }
+ }
+ ],
+ "implementation": [
+ "_:implement_smpt",
+ "_:implement_smpt_gcweb"
+ ],
+ "history": [
+ {
+ "en": "2024-10 - Right to left support - initial implementation of the variant.",
+ "fr": "2024-10 - Support de droite à gauche - Implémentation initiale de la variation."
+ },
+ {
+ "en": "2024-08 - Initial implementation of the variant.",
+ "fr": "2024-01 - Implémentation initiale de la variation."
}
]
}
],
"implementation": [
{
- "@id": "_:implement_pd",
- "iteration": "_:iteration_pd_3",
+ "@id": "_:implement_mpt",
+ "iteration": "_:iteration_mpt_4",
"name": {
"en": "Standard",
"fr": "Standard"
@@ -2257,100 +2378,40 @@
},
"instructions": {
"en": [
- "The Page details component must include the Date modified component. It can also contain the Page feedback component and the Share this page widget. See below the code sample for each scenario.",
- "For more information about Page feedback tool component, please visit Page feedback area page.",
- "For more information about Share widget plugin, please visit Share widget page ."
+ "Refer to the following code sample."
],
"fr": [
- "Le composant Détails de la page doit inclure le composant Date de modification. Il peut également contenir le composant Outil de rétroaction sur la page et le widget Partager cette page. Voir ci-dessous l'exemple de code pour chaque scénario.",
- "Pour plus d'informations sur le composant de l'Outil de rétroaction sur la page, veuillez visiter la page Zone de rétroaction sur la page .",
- "Pour plus d'informations sur le plugin de partage de widget, veuillez visiter la page de partage de widget ."
+ "Référez-vous au code qui suit."
]
},
"notes": {
"en": [
- "Although the component has been updated to version 3.0, the version 2.0 is still supported. However, the page content and the <footer> have to be located inside an <article> tag."
+ "The CSS class \"gc-thickline\"
has been rendered obsolete as its styling has been applied globally."
],
"fr": [
- "Bien que le composant ait été mis à jour vers la version 3.0, la version 2.0 est toujours prise en charge. Cependant, le contenu de la page et le <footer> doivent être situés à l'intérieur d'une balise <article>."
+ "La classe CSS \"gc-thickline\"
est devenue obsolète car son style a été appliqué globalement."
]
},
"sample": {
"en": [
{
"@type": "source-code",
- "description": "Default Page details:",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "samples/page-details-3-en.html#default"
- }
- },
- {
- "@type": "source-code",
- "description": "Page details with Page feedback tool:",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "samples/page-details-3-en.html#pft"
- }
- },
- {
- "@type": "source-code",
- "description": "Page details with Share this page:",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "samples/page-details-3-en.html#share"
- }
- }
- ,
- {
- "@type": "source-code",
- "description": "Page details with Page feedback tool and Share this page:",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "samples/page-details-3-en.html#pftShare"
- }
+ "description": "HTML sample",
+ "code": "Main page title "
}
],
"fr": [
{
"@type": "source-code",
- "description": "Détails de la page par défaut :",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "samples/page-details-3-fr.html#default"
- }
- },
- {
- "@type": "source-code",
- "description": "Détails de la page avec Outil de rétroaction sur la page :",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "samples/page-details-3-fr.html#pft"
- }
- },
- {
- "@type": "source-code",
- "description": "Détails de la page avec Partagez cette page :",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "samples/page-details-3-fr.html#share"
- }
- }
- ,
- {
- "@type": "source-code",
- "description": "Détails de la page avec Outil de rétroaction sur la page et Partagez cette page :",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "samples/page-details-3-fr.html#pftShare"
- }
+ "description": "Exemple HTML",
+ "code": "Titre principal "
}
]
}
},
{
- "@id": "_:implement_pd_gcweb",
- "iteration": "_:iteration_pd_3",
+ "@id": "_:implement_mpt_gcweb",
+ "iteration": "_:iteration_mpt_4",
"name": {
"en": "GCWeb Jekyll",
"fr": "GCWeb Jekyll"
@@ -2361,12 +2422,10 @@
},
"instructions": {
"en": [
- "To show the \"Page feedback tool\", in the page's front-matter, set the property feedback
to true
.",
- "To show the \"Share this page\" button, in the page's front-matter, set the property share
to true
."
+ "In the page's front-matter set the variable title
to the main title of the page."
],
"fr": [
- "Pour afficher l'\"Outil de rétroaction sur la page\", dans l'en-tête de la page, définissez la propriété feedback
à true
.",
- "Pour afficher le bouton \"Partagez cette page\", dans l'en-tête de la page, définissez la propriété share
à true
."
+ "Dans l'en-tête de la page définissez la variable title
au titre principal de la page."
]
},
"sample": {
@@ -2374,43 +2433,71 @@
{
"@type": "source-code",
"description": "Code sample:",
- "code": "\"feedback\": true, \n\"share\": true"
+ "code": "---\n{\n\t...\n\t\"title\": \"My page title\"\n\t...\n}\n---"
}
],
"fr": [
{
"@type": "source-code",
- "description": "Exemple de code:",
- "code": "\"feedback\": true, \n\"share\": true"
+ "description": "Exemple de code :",
+ "code": "---\n{\n\t...\n\t\"title\": \"Titre de la page\"\n\t...\n}\n---"
}
]
}
},
{
- "@id": "_:implement_pd_2",
- "iteration": "_:iteration_pd_3",
+ "@id": "_:implement_smpt",
+ "iteration": "_:iteration_smpt_2",
"name": {
- "en": "Version 2.0",
- "fr": "Version 2.0"
+ "en": "Standard",
+ "fr": "Standard"
},
"introduction": {
- "en": "The following instructions are intended to anyone that currently have the Page details version 2.0 already implemented in their solution.",
- "fr": "Les instructions suivantes sont destinées à toute personne ayant actuellement la version 2.0 des Détails de la page déjà implémentée dans sa solution."
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
},
"instructions": {
"en": [
- "Although the Page details component has been updated to version 3.0, the version 2.0 is still supported. However, the page content and the <footer>
have to be located inside an <article>
tag."
+ "Refer to the following code sample."
],
"fr": [
- "Bien que le composant Détails de la page ait été mis à jour vers la version 3.0, la version 2.0 est toujours prise en charge. Cependant, le contenu de la page et le <footer>
. doivent être situés à l'intérieur d'une balise <article>
."
+ "Référez-vous au code qui suit."
]
},
- "notes": {
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "HTML sample",
+ "code": "\n\tGCWeb technical documentation
\n\tStacked main page title \n "
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple HTML",
+ "code": "\n\tDocumentation technique GCWeb
\n\tTitre principal superposé \n "
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_smpt_gcweb",
+ "iteration": "_:iteration_smpt_2",
+ "name": {
+ "en": "GCWeb Jekyll",
+ "fr": "GCWeb Jekyll"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers trying to implement this component within a GCWeb Jekyll site.",
+ "fr": "Cette implémentation est destinée aux développeurs essayant d'implémenter ce composant dans un site GCWeb Jekyll."
+ },
+ "instructions": {
"en": [
- "This implementation of the Page details is deprecated as of 2023-11-08 "
+ "In the page's front-matter do the following:set the variable title
to the main title of the page. set the variable sectionTitle
to the title of the section where this page resides. "
],
"fr": [
- "Cette implémentation des Détails de la page est obsolète depuis le 2023-11-08 "
+ "Dans l'en-tête de la page faites ce qui suit :définissez la variable title
au titre principal de la page. définissez la variable sectionTitle
au titre de la section où réside cette page. "
]
},
"sample": {
@@ -2418,49 +2505,518 @@
{
"@type": "source-code",
"description": "Code sample:",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "samples/support-2.0-en.html"
- }
+ "code": "---\n{\n\t...\n\t\"title\": \"My page title\", \n\t\"sectionTitle\": \"My section title\"\n\t...\n}\n---"
}
],
"fr": [
{
"@type": "source-code",
- "description": "Exemple de code:",
- "code": {
- "@type": [ "@id", "rdf:HTML" ],
- "@value": "samples/support-2.0-fr.html"
- }
+ "description": "Exemple de code :",
+ "code": "---\n{\n\t...\n\t\"title\": \"Titre de la page\", \n\t\"sectionTitle\": \"Titre de la section\"\n\t...\n}\n---"
}
]
}
}
],
+ "changesets": [
+ {
+ "@id": "_:cs_mpt",
+ "name": "Default h1",
+ "baseOnIteration": "_:iteration_mpt_4",
+ "detectableBy": "Visual inspection can be used to detect the size of the line. The width of the line should be 71px (3.55em) long and the thickness should be 3.6px (0.18em), with the color #af3c43.",
+ "layout": "The line is positioned below the text.",
+ "semantic": "h1",
+ "static": "none",
+ "schema": "dct:title",
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/main-page-title.html"
+ }
+ },
+ "style": "The line has a width of 3.55em (71px) and a thickness of 0.18em (3.6px) with the color #af3c43. Optionally, include a byline, tagline, or subtitle.",
+ "perceptible": "The thin hairline has been replaced with a shorter and thicker line.",
+ "guidance": "https://design.canada.ca/styles/typography.html",
+ "context": "First semantic element inside the main"
+ },
+ {
+ "@id": "_:cs_smpt",
+ "name": "Stacked main page title",
+ "baseOnIteration": "_:iteration_smpt_2",
+ "detectableBy": "hgroup > h1#wb-cont",
+ "layout": "The section page title is above the page title. The line is positioned below the page title.",
+ "semantic": "hgroup > p + h1",
+ "schema": "dct:title, sectionTitle",
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/main-page-title.html"
+ }
+ },
+ "style": "The line has a width of 3.55em (71px) and a thickness of 0.18em (3.6px) with the color #af3c43. Optionally, include a byline, tagline, or subtitle. The section page title has a font-size of 26px and has a color of #555.",
+ "guidance": "https://design.canada.ca/styles/typography.html",
+ "context": "First semantic element inside the main"
+ }
+ ],
"iteration": [
{
- "@id": "_:iteration_pd_3",
- "name": "Page details - Iteration 3",
- "date": "2023-03",
- "detectableBy": "section.pagedetails",
- "predecessor": "_:iteration_pd_2",
+ "@id": "_:iteration_mpt_1",
+ "name": "Visual update 2019",
+ "date": "2019-06",
+ "detectableBy": "Visual inspection can be used to detect the size of the line. The width of the line should be the width of the main container long and the thickness should be 1px, with the color #af3c43.",
+ "successor": "_:iteration_mpt_2"
+ },
+ {
+ "@id": "_:iteration_mpt_2",
+ "name": "Visual update 2024",
+ "date": "2024-01",
+ "detectableBy": "Visual inspection can be used to detect the size of the line. The width of the line should be 71px (3.55em) long and the thickness should be 3.6px (0.18em), with the color #af3c43.",
+ "breaking": [
+ "Style: Width of the line should 70px and the thickness .18em #af3c43. Followed by optional byline, tagline or subtitle"
+ ],
+ "predecessor": "_:iteration_mpt_1",
+ "successor": "_:iteration_mpt_3"
+ },
+ {
+ "@id": "_:iteration_mpt_3",
+ "name": "Visual update 2024 (border-style
bug fix)",
+ "date": "2024-08",
+ "detectableBy": "Visual inspection can be used to detect the size of the line. The width of the line should be 71px (3.55em) long and the thickness should be 3.6px (0.18em), with the color #af3c43. The H1's CSS should have left/right/top border-*-width: 0;
properties.",
"fixes": [
- "Changed to as element does not provide a semantic break."
+ "Style: Added left/right/top border-*-width: 0;
properties to avoid three-sided borders in Safari <= 15.3."
],
- "assets": [
- {
- "@type": "source-code",
- "@language": "en",
- "description": "Default Page details",
- "code": {
- "@type": [ "rdf:HTML", "@id" ],
- "@value": "samples/page-details-3-en.html#default"
- }
- },
- {
- "@type": "source-code",
- "@language": "fr",
- "description": "Détails de la page par défaut",
+ "predecessor": "_:iteration_mpt_2",
+ "successor": "_:iteration_mpt_4"
+ },
+ {
+ "@id": "_:iteration_mpt_4",
+ "name": "Main page title aligned on the right",
+ "date": "2024-09",
+ "detectableBy": "h1#wb-cont[dir='rtl'], [dir='rtl'] h1#wb-cont",
+ "additions": [
+ "Added right to left support"
+ ],
+ "predecessor": "_:iteration_mpt_3"
+
+ },
+ {
+ "@id": "_:iteration_smpt_1",
+ "name": "Stacked main page title - Iteration 1",
+ "date": "2024-08",
+ "detectableBy": "hgroup > h1#wb-cont",
+ "successor": "_:iteration_smpt_2"
+ },
+ {
+ "@id": "_:iteration_smpt_2",
+ "name": "Stacked main page title - Iteration 2 (LTR support)",
+ "date": "2024-10",
+ "detectableBy": "hgroup > h1#wb-cont[dir='ltr'], [dir='ltr'] hgroup > h1#wb-cont",
+ "additions": [
+ "Added right to left support"
+ ],
+ "predecessor": "_:iteration_smpt_1"
+ }
+ ]
+}
+,{
+ "@context": {
+ "@version": 2.0,
+ "dct": "http://purl.org/dc/terms/",
+ "title": { "@id": "dct:title", "@container": "@language" },
+ "description": { "@id": "dct:description", "@container": "@language" },
+ "modified": "dct:modified"
+ },
+ "title": {
+ "en": "Page details",
+ "fr": "Détails de la page"
+ },
+ "description": {
+ "en": "Documentation on how to use the page details section.",
+ "fr": "Documentation sur l'utilisation de la section des détails de la page."
+ },
+ "version": "3.2",
+ "modified": "2024-07-24",
+ "componentName": "page-details",
+ "componentType": "container",
+ "status": "stable",
+ "pages": {
+ "docs": [
+ {
+ "title": "Documentation for Page details",
+ "language": "en",
+ "path": "page-details-docs-en.html"
+ },
+ {
+ "title": "Documentation pour Détails de la page",
+ "language": "fr",
+ "path": "page-details-docs-fr.html"
+ }
+ ],
+ "examples": [
+ {
+ "title": "Default Page details",
+ "language": "en",
+ "path": "page-details-default-en.html"
+ },
+ {
+ "title": "Détails de la page par défaut",
+ "language": "fr",
+ "path": "page-details-default-fr.html"
+ },
+ {
+ "title": "Page details with Page feedback tool",
+ "language": "en",
+ "path": "page-details-pft-en.html"
+ },
+ {
+ "title": "Détails de la page avec Outil de rétroaction sur la page",
+ "language": "fr",
+ "path": "page-details-pft-fr.html"
+ }
+ ],
+ "reports": [
+ {
+ "title": "Accessibility (Only new SC WCAG 2.1/2.2 Level AA)- Page Details - English report",
+ "language": "en",
+ "path": "reports/pre-a11y-1-en.html"
+ },
+ {
+ "title": "Accessibility (Only new SC WCAG 2.1/2.2 Level AA)- Page Details - French report",
+ "language": "fr",
+ "path": "reports/pre-a11y-1-fr.html"
+ },
+ {
+ "title": "Accessibility (Only new SC WCAG 2.1/2.2 Level AA)- Page Details (Basic Html version)- English report",
+ "language": "en",
+ "path": "reports/pre-a11y-basic-html-1-en.html"
+ },
+ {
+ "title": "Accessibility (Only new SC WCAG 2.1/2.2 Level AA)- Page Details (Basic Html version)- French report",
+ "language": "fr",
+ "path": "reports/pre-a11y-basic-html-1-fr.html"
+ }
+ ]
+ },
+ "dependencies": {
+ "en": [
+ { "title": "Feedback area", "url": "https://wet-boew.github.io/GCWeb/sites/feedback/feedback-docs-en.html", "component": "feedback" },
+ { "title": "Date modified", "url": "https://wet-boew.github.io/GCWeb/sites/date-modified/date-modified-en.html", "component": "date-modified" }
+ ],
+ "fr": [
+ { "title": "Zone de rétroaction", "url": "https://wet-boew.github.io/GCWeb/sites/feedback/feedback-docs-fr.html", "component": "feedback" },
+ { "title": "Date de modification", "url": "https://wet-boew.github.io/GCWeb/sites/date-modified/date-modified-fr.html", "component": "date-modified" }
+ ]
+ },
+ "a11yGuidance": "no accessibility guidance",
+ "variations": [
+ {
+ "name": {
+ "en": "Page details",
+ "fr": "Détails de la page"
+ },
+ "status": "stable",
+ "description": {
+ "en": "This component may contain the following components: Page feedback tool and Date modified.",
+ "fr": "Ce composant peut contenir les composants suivants : Outil de rétroaction sur la page et Date de modification."
+ },
+ "iteration": "_:iteration_pd_3",
+ "example": [
+ {
+ "en": { "href": "page-details-default-en.html", "text": "Default Page details" },
+ "fr": { "href": "page-details-default-fr.html", "text": "Détails de la page par défaut" }
+ },
+ {
+ "en": { "href": "page-details-pft-en.html", "text": "Page details with Page feedback tool" },
+ "fr": { "href": "page-details-pft-fr.html", "text": "Détails de la page avec Outil de rétroaction sur la page" }
+ },
+ {
+ "en": { "href": "deprecated/page-details-v3-en.html", "text": "Deprecated as of GCWeb v16.0.0 - Page details version 3.0" },
+ "fr": { "href": "deprecated/page-details-v3-fr.html", "text": "Obsolète à partir de GCWeb v16.0.0 - Détails de la page version 3.0" }
+ },
+ {
+ "en": { "href": "deprecated/page-details-v3.1-en.html", "text": "Deprecated as of GCWeb v16.0.0 - Page details version 3.1" },
+ "fr": { "href": "deprecated/page-details-v3.1-fr.html", "text": "Obsolète à partir de GCWeb v16.0.0 - Détails de la page version 3.1" }
+ }
+ ],
+ "implementation": [
+ "_:implement_pd",
+ "_:implement_pd_gcweb",
+ "_:implement_pd_3to5"
+ ],
+ "history": [
+ {
+ "en": "July 2024 - Removed \"col-lg-9\" class.",
+ "fr": "Juillet 2024 - Retrait de la classe « col-lg-9 »."
+ },
+ {
+ "en": "June 2024 - Removed \"Share this page\" option.",
+ "fr": "Juin 2024 - Retrait de l'option « Partagez cette page »."
+ },
+ {
+ "en": "March 2023 - Tag <footer>
changed to <section>
.",
+ "fr": "Mars 2023 - Balise <footer>
changée pour <section>
."
+ },
+ {
+ "en": "May 2022 - Total revamp.",
+ "fr": "Mai 2022 - Refonte totale."
+ },
+ {
+ "en": "October 2017 - Initial implementation of the variation.",
+ "fr": "Octobre 2017 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_pd",
+ "iteration": "_:iteration_pd_5",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "The Page details component must include the Date modified component. It can also contain the Page feedback component. See below the code sample for each scenario.",
+ "For more information about Page feedback tool component, please visit Page feedback area page."
+ ],
+ "fr": [
+ "Le composant Détails de la page doit inclure le composant Date de modification. Il peut également contenir le composant Outil de rétroaction sur la page. Voir ci-dessous l'exemple de code pour chaque scénario.",
+ "Pour plus d'informations sur le composant de l'Outil de rétroaction sur la page, veuillez visiter la page Zone de rétroaction sur la page ."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Default Page details:",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "samples/page-details-3.2-en.html#default"
+ }
+ },
+ {
+ "@type": "source-code",
+ "description": "Page details with Page feedback tool:",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "samples/page-details-3.2-en.html#pft"
+ }
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Détails de la page par défaut :",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "samples/page-details-3.2-fr.html#default"
+ }
+ },
+ {
+ "@type": "source-code",
+ "description": "Détails de la page avec Outil de rétroaction sur la page :",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "samples/page-details-3.2-fr.html#pft"
+ }
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_pd_gcweb",
+ "iteration": "_:iteration_pd_5",
+ "name": {
+ "en": "GCWeb Jekyll",
+ "fr": "GCWeb Jekyll"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers trying to implement this component within a GCWeb Jekyll site.",
+ "fr": "Cette implémentation est destinée aux développeurs essayant d'implémenter ce composant dans un site GCWeb Jekyll."
+ },
+ "instructions": {
+ "en": [
+ "To show the \"Page feedback tool\", in the page's front-matter, set the property feedback
to true
."
+ ],
+ "fr": [
+ "Pour afficher l'\"Outil de rétroaction sur la page\", dans l'en-tête de la page, définissez la propriété feedback
à true
."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "\"feedback\": true"
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code:",
+ "code": "\"feedback\": true"
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_pd_3to5",
+ "iteration": "_:iteration_pd_5",
+ "name": {
+ "en": "Migration from version 3.0 to 3.2",
+ "fr": "Migration de la version 3.0 vers 3.2"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers or publishers trying to migrate their page from using the page details version 3.0 to 3.2 (removal of Share this page and \"col-lg-9\" class).",
+ "fr": "Cette implémentation est destinée aux développeurs ou aux éditeurs qui tentent de migrer leur page de la version 3.0 vers la version 3.2 (suppression de Partagez cette page et de la classe « col-lg-9 »)."
+ },
+ "instructions": {
+ "en": [
+ "Remove the \"col-lg-9\" class from the <div class=\"col-sm-8 col-md-9 col-lg-9\">
element.",
+ "Remove the element <div class=\"wb-share col-sm-4 col-md-3\" data-wb-share='{\"lnkClass\": \"btn btn-default btn-block\"}'></div>
.",
+ "Move the date modified component out of the grid and insert right before the closing <section>
tag. Delete the <div class=\"col-xs-12\">
it was in."
+ ],
+ "fr": [
+ "Supprimez la classe « col-lg-9 » de l’élément <div class=\"col-sm-8 col-md-9 col-lg-9\">
.",
+ "Supprimez l'élément <div class=\"wb-share col-sm-4 col-md-3\" data-wb-share='{\"lnkClass\": \"btn btn-default btn-block\"}'></div>
.",
+ "Déplacez le composant de date de modification hors de la grille et insérez-le juste avant la balise de fermeture <section>
. Supprimez le <div class=\"col-xs-12\">
dans lequel il se trouvait."
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_pd_5",
+ "name": "Page details - Iteration 5",
+ "date": "2024-07",
+ "detectableBy": "section.pagedetails",
+ "predecessor": "_:iteration_pd_4",
+ "fixes": [
+ "Removed \"col-lg-9\" class since \"col-md-9\" already fulfils the same purpose."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Default Page details",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "samples/page-details-3.2-en.html#default"
+ }
+ },
+ {
+ "@type": "source-code",
+ "@language": "fr",
+ "description": "Détails de la page par défaut",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "samples/page-details-3.2-fr.html#default"
+ }
+ },
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Page details with Page feedback tool",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "samples/page-details-3.2-en.html#pft"
+ }
+ },
+ {
+ "@type": "source-code",
+ "@language": "fr",
+ "description": "Détails de la page avec Outil de rétroaction sur la page",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "samples/page-details-3.2-fr.html#pft"
+ }
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_pd_4",
+ "name": "Page details - Iteration 4",
+ "date": "2024-06",
+ "detectableBy": "section.pagedetails",
+ "predecessor": "_:iteration_pd_3",
+ "successor": "_:iteration_pd_5",
+ "fixes": [
+ "Removed \"Share this page\" button option."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Default Page details",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "samples/page-details-3.1-en.html#default"
+ }
+ },
+ {
+ "@type": "source-code",
+ "@language": "fr",
+ "description": "Détails de la page par défaut",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "samples/page-details-3.1-fr.html#default"
+ }
+ },
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Page details with Page feedback tool",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "samples/page-details-3.1-en.html#pft"
+ }
+ },
+ {
+ "@type": "source-code",
+ "@language": "fr",
+ "description": "Détails de la page avec Outil de rétroaction sur la page",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "samples/page-details-3.1-fr.html#pft"
+ }
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_pd_3",
+ "name": "Page details - Iteration 3",
+ "date": "2023-03",
+ "detectableBy": "section.pagedetails",
+ "predecessor": "_:iteration_pd_2",
+ "successor": "_:iteration_pd_4",
+ "fixes": [
+ "Changed to as element does not provide a semantic break."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Default Page details",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "samples/page-details-3-en.html#default"
+ }
+ },
+ {
+ "@type": "source-code",
+ "@language": "fr",
+ "description": "Détails de la page par défaut",
"code": {
"@type": [ "rdf:HTML", "@id" ],
"@value": "samples/page-details-3-fr.html#default"
@@ -2587,10 +3143,86 @@
}
],
"changesets": [
+ {
+ "@id": "_:cs_pd_5",
+ "name": "Page details - version 3.2",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_pd_5",
+ "detectableBy": "section.pagedetails",
+ "layout": [
+ "Page feedback tool (if included) on the top left",
+ "Date modified on bottom left"
+ ],
+ "style": "Not applicable",
+ "semantic": {
+ "@type": "source-code",
+ "description": "Source code",
+ "code": "\n\t[i18nText-pageDetails] \n\t\n\t\n "
+ },
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/footer.html"
+ }
+ },
+ "logic": "Not applicable",
+ "guidance": "Not applicable",
+ "context": "Not applicable",
+ "configuration": [
+ "Input the date when the page was last modified inside the tag in the format YYYY-MM-DD."
+ ],
+ "static": [
+ "Section header: \"Page details\""
+ ],
+ "schema": "Not applicable",
+ "dependency": "Not applicable",
+ "file": "Not applicable"
+ },
+ {
+ "@id": "_:cs_pd_4",
+ "name": "Page details - version 3.1",
+ "status": "deprecated",
+ "baseOnIteration": "_:iteration_pd_4",
+ "detectableBy": "section.pagedetails",
+ "layout": [
+ "Page feedback tool (if included) on the top left",
+ "Date modified on bottom left"
+ ],
+ "style": "Not applicable",
+ "semantic": {
+ "@type": "source-code",
+ "description": "Source code",
+ "code": "\n\t[i18nText-pageDetails] \n\t\n\t\n "
+ },
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/footer-3.1.html"
+ }
+ },
+ "logic": "Not applicable",
+ "guidance": "Not applicable",
+ "context": "Not applicable",
+ "configuration": [
+ "Input the date when the page was last modified inside the tag in the format YYYY-MM-DD."
+ ],
+ "static": [
+ "Section header: \"Page details\""
+ ],
+ "schema": "Not applicable",
+ "dependency": "Not applicable",
+ "file": "Not applicable"
+ },
{
"@id": "_:cs_pd_3",
"name": "Page details - Compatible with PFT + Accessiblity fix (version 3.0)",
- "status": "stable",
+ "status": "deprecated",
"baseOnIteration": "_:iteration_pd_3",
"detectableBy": "section.pagedetails",
"layout": [
@@ -2610,7 +3242,7 @@
"description": "Include with logic in Liquid.",
"code": {
"@type": [ "@id", "rdf:HTML" ],
- "@value": "includes/footer.html"
+ "@value": "includes/footer-3.0.html"
}
},
"logic": "Not applicable",
@@ -2908,11 +3540,12 @@
"en": "Documentation and working example on how to use the skiplinks.",
"fr": "Documentation et example pratique sur l'utilisation des liens de saut de page."
},
- "modified": "2022-01-12",
+ "modified": "2024-02-27",
"componentName": "skiplinks",
+ "processing": "baseline",
"status": "stable",
"pages": {
- "docs": [
+ "examples": [
{
"title": "Skip links",
"language": "en",
@@ -2923,6 +3556,18 @@
"language": "fr",
"path": "skiplinks-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #1 - Skip links",
+ "language": "en",
+ "path": "reports/a11y-1-en.html"
+ },
+ {
+ "title": "Évaluation d'accessibilité #1 - Liens de saut de page",
+ "language": "fr",
+ "path": "reports/a11y-1-fr.html"
+ }
]
}
}
diff --git a/_data/templates.json b/_data/templates.json
index 22e65e8265..7295001942 100644
--- a/_data/templates.json
+++ b/_data/templates.json
@@ -83,6 +83,137 @@
]
}
}
+,{
+ "@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": "All services",
+ "fr": "Tous les services"
+ },
+ "description": {
+ "en": "All services page template.",
+ "fr": "Gabarit de page pour tous les services."
+ },
+ "modified": "2024-11-21",
+ "componentName": "all-services",
+ "status": "stable",
+ "version": "1.0",
+ "pages": {
+ "examples": [
+ {
+ "title": "All services",
+ "language": "en",
+ "path": "all-services-en.html"
+ },
+ {
+ "title": "Tous les services",
+ "language": "fr",
+ "path": "all-services-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "All services",
+ "language": "en",
+ "path": "all-services-doc-en.html"
+ },
+ {
+ "title": "Tous les services",
+ "language": "fr",
+ "path": "all-services-doc-fr.html"
+ }
+ ]
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "All services",
+ "fr": "Tous les services"
+ },
+ "status": "stable",
+ "description": {
+ "en": "All services page template.",
+ "fr": "Gabarit de page pour tous les services."
+ },
+ "iteration": "_:iteration_allservices_1",
+ "example": [
+ {
+ "en": { "href": "all-services-en.html", "text": "All services" },
+ "fr": { "href": "all-services-fr.html", "text": "Tous les services" }
+ }
+ ],
+ "implementation": [
+ "_:implement_allservices"
+ ],
+ "history": [
+ {
+ "en": "November 2024 - Initial implementation of the page template.",
+ "fr": "Novembre 2024 - Implémentation initiale du gabarit de page."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_allservices",
+ "iteration": "_:iteration_allservices_1",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for publishers adding the template manually into an AEM page.",
+ "fr": "Cette implémentation est destinée aux éditeurs qui ajoutent le gabarit manuellement à une page d'AEM."
+
+ },
+ "instructions": {
+ "en": [
+ "Refer to the working example and guidance for more information on how to implement this page template."
+ ],
+ "fr": [
+ "Référez-vous à l'exemple pratique et aux directives pour plus d'informations sur l'implémentation ce modèle de page."
+ ]
+ },
+ "ajaxSourceCode": {
+ "en": "all-services-en.html main > *:not(.pagedetails)",
+ "fr": "all-services-fr.html main > *:not(.pagedetails)"
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_allservices_1",
+ "name": "All services page - Iteration 1",
+ "date": "2024-11",
+ "detectableBy": "Three navigation bands followed by a series of elements for all goc themes and topics."
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_allservices",
+ "name": "All services page",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_allservices_1",
+ "detectableBy": "By the sequence of elements.",
+ "semantic": "h1 + h2*3 + h1 + h2*n",
+ "accessibility": "This page contains two elements since the content is perceptibly split in two distinct sections. A skip link has been added at the top of the content to go directly to the second part of the content.",
+ "context": "This page template is strictly limited to the All services page located on Canada.ca.",
+ "layout": [
+ "Top serches navigation band",
+ "Most requested services navigation band",
+ "Supporting through life's transitions navigation band",
+ "Most requested - version 1 (optional)",
+ "Series of elements for all goc themes and topics"
+ ]
+ }
+ ]
+}
,{
"@context": {
"@version": 1.1,
@@ -302,6 +433,18 @@
"language": "fr",
"path": "api-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Pre-accessibility assessment #1",
+ "language": "en",
+ "path": "reports/pre-a11y-1-en.html"
+ },
+ {
+ "title": "Évaluation de pré-accessibilité #1",
+ "language": "fr",
+ "path": "reports/pre-a11y-1-fr.html"
+ }
]
}
}
@@ -456,40 +599,300 @@
"modified": "dct:modified"
},
"title": {
- "en": "Institutional profile",
- "fr": "Profil institutionel"
+ "en": "Institutional landing page",
+ "fr": "Page d'accueil institutionnelle"
},
"description": {
- "en": "Institutional profile templates",
- "fr": "Gabarit à propos de page de profil institutionel"
+ "en": "Institutional landing page template documentation and working example.",
+ "fr": "Documentation et exemple pratique de la page d'accueil institutionnelle"
},
- "modified": "2021-05-17",
- "componentName": "institutional",
+ "modified": "2024-04-16",
+ "componentName": "institutional-landing",
"status": "stable",
+ "version": "2.0.0",
"pages": {
- "examples": [
+ "docs": [
{
- "title": "[Institution Name]",
+ "title": "Institutional landing page",
"language": "en",
- "path": "institution-en.html"
+ "path": "institutional-landing-doc-en.html"
},
{
- "title": "[Nom de l’institution]",
+ "title": "Page d'accueil institutionnelle",
"language": "fr",
- "path": "institution-fr.html"
+ "path": "institutional-landing-doc-fr.html"
+ }
+ ],
+ "examples": [
+ {
+ "title": "Institutional landing page",
+ "language": "en",
+ "path": "institutional-landing-en.html"
},
{
- "title": "[Institution Name] - landing page (provisional)",
+ "title": "Page d'accueil institutionnelle",
+ "language": "fr",
+ "path": "institutional-landing-fr.html"
+ }
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #1 - Institutional template",
"language": "en",
- "path": "institution-landing-en.html",
- "status": "provisional"
+ "path": "reports/a11y-1-en.html"
},
{
- "title": "[Nom de l’institution] - Pages d'accueil (provisoire)",
+ "title": "Évaluation d'accessibilité #1 - Modèle institutionnel",
"language": "fr",
- "path": "institution-landing-fr.html",
- "status": "provisoire"
+ "path": "reports/a11y-1-fr.html"
},
+ {
+ "title": "Accessibility assessment #2 - Institutional template",
+ "language": "en",
+ "path": "reports/a11y-2-en.html"
+ },
+ {
+ "title": "Évaluation d'accessibilité #2 - Modèle institutionnel",
+ "language": "fr",
+ "path": "reports/a11y-2-fr.html"
+ }
+ ]
+ },
+ "dependencies": {
+ "en": [
+ { "title": "Intro block", "url": "https://wet-boew.github.io/GCWeb/design-patterns/gc-intro/gc-intro-doc-en.html", "component": "gc-intro" },
+ { "title": "Featured link", "url": "https://wet-boew.github.io/GCWeb/components/gc-featured-link/gc-featured-link-doc-en.html", "component": "gc-featured-link" },
+ { "title": "Most requested", "url": "https://wet-boew.github.io/GCWeb/components/gc-most-requested/gc-most-requested-doc-en.html", "component": "gc-most-requested" },
+ { "title": "Services and information", "url": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-doc-en.html", "component": "gc-srvinfo" },
+ { "title": "Social media channels", "url": "https://wet-boew.github.io/GCWeb/components/gc-follow-us/gc-follow-us-doc-en.html", "component": "gc-follow-us" },
+ { "title": "Minister or institutional head", "url": "https://wet-boew.github.io/GCWeb/components/gc-minister/gc-minister-doc-en.html", "component": "gc-minister" }
+ ],
+ "fr": [
+ { "title": "Bloc d'introduction", "url": "https://wet-boew.github.io/GCWeb/design-patterns/gc-intro/gc-intro-doc-fr.html", "component": "gc-intro" },
+ { "title": "Lien en vedette", "url": "https://wet-boew.github.io/GCWeb/components/gc-featured-link/gc-featured-link-doc-fr.html", "component": "gc-featured-link" },
+ { "title": "En demande", "url": "https://wet-boew.github.io/GCWeb/components/gc-most-requested/gc-most-requested-doc-fr.html", "component": "gc-most-requested" },
+ { "title": "Services et renseignements", "url": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-doc-fr.html", "component": "gc-srvinfo" },
+ { "title": "Bloc des réseaux de médias sociaux", "url": "https://wet-boew.github.io/GCWeb/components/gc-follow-us/gc-follow-us-doc-fr.html", "component": "gc-follow-us" },
+ { "title": "Ministre ou chef d’institution", "url": "https://wet-boew.github.io/GCWeb/components/gc-minister/gc-minister-doc-fr.html", "component": "gc-minister" }
+ ]
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Institutional landing page",
+ "fr": "Pages d'accueil institutionnelle"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Use this template as the landing page for Government of Canada institutions and organizations.",
+ "fr": "Utilisez ce modèle comme page d'accueil pour les institutions et organismes du gouvernement du Canada."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/mandatory-templates/institutional-profile-pages.html",
+ "fr": "https://conception.canada.ca/modeles-obligatoire/pages-profil-institutionnel.html"
+ },
+ "iteration": "_:iteration_ilp_3",
+ "example": [
+ {
+ "en": { "href": "institutional-landing-en.html", "text": "Institutional landing page" },
+ "fr": { "href": "institutional-landing-fr.html", "text": "Pages d'accueil institutionnelle" }
+ }
+ ],
+ "implementation": [
+ "_:implement_ilp",
+ "_:implement_ilp_aem"
+ ],
+ "history": [
+ {
+ "en": "March 2024 - Stabilization of the version 2 of the page template.",
+ "fr": "Mars 2024 - Stabilisation de la version 2 du gabarit de page."
+ },
+ {
+ "en": "June 2021 - Provisional implementation of the version 2 of the page template.",
+ "fr": "Juin 2021 - Implémentation provisoire de la version 2 du gabarit de page."
+ },
+ {
+ "en": "April 2014 - Implementation of the version 1 of the page template.",
+ "fr": "Avril 2014 - Implémentation de la version 1 du gabarit de page."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_ilp",
+ "iteration": "_:iteration_ilp_3",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the template manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le gabarit manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Add the CSS class .page-type-ilp
to the page's <body>
element.",
+ "Refer to the working example for a code sample.",
+ "Refer to the working example and guidance for more information on how to implement this page template."
+ ],
+ "fr": [
+ "Ajoutez la classe CSS .page-type-ilp
sur l'élément <body>
de la page.",
+ "Reportez-vous à l'exemple pratique pour un exemple de code.",
+ "Référez-vous à l'exemple pratique et aux directives pour plus d'informations sur l'implémentation ce modèle de page."
+ ]
+ },
+ "notes": {
+ "en": [
+ "Not adding the required CSS class (.page-type-ilp
) will result in the styles specific to this template not being applied. We did implement a temporary workaround as a transition to this new template. The workaround is going to be removed at the same time as the demoted/deprecated ILP version 1."
+ ],
+ "fr": [
+ "Si vous n'ajoutez pas la classe CSS requise (.page-type-ilp
), les styles spécifiques à ce gabarit ne seront pas appliqués. Nous avons mis en œuvre une solution de contournement temporaire en guise de transition vers ce nouveau modèle. La solution de contournement sera supprimée en même temps que la version 1 de la PAI rétrogradée/obsolète."
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_ilp_aem",
+ "iteration": "_:iteration_ilp_3",
+ "name": {
+ "en": "AEM users",
+ "fr": "Utilisateurs AEM"
+ },
+ "introduction": {
+ "en": "This implementation is meant for publishers adding the template manually into an AEM page.",
+ "fr": "Cette implémentation est destinée aux éditeurs qui ajoutent le gabarit manuellement à une page d'AEM."
+ },
+ "instructions": {
+ "en": [
+ "Create a page with the Generic template ",
+ "Applying Content type (navigation page – institutional profile) via the page Properties -> Basic tab -> Content type , set the value to “navigation page – institutional profile ”.",
+ "Configure Page container manually via the page Properties -> Template options tab -> Advanced , check “Page container: Configure manually ”.",
+ "Configure your ILP page. The ILP page contains several GCWeb components. Each component has its own configuration which you can adapt as per your institutional needs. Please see individual component for more details about their configurable options.",
+ "Remove the H1 Title .",
+ "Add the ILP HTML code with a Generic HTML component component.",
+ "Edit the ILP HTML code"
+ ],
+ "fr": [
+ "Créez une page avec le gabarit de Page générique .",
+ "En appliquant Type de contenu (page de navigation – profil institutionnel) via les Propriétés de la page -> Onglet De base -> Type de contenu , définissez la valeur sur « page de navigation – profil institutionnel ».",
+ "Configurez manuellement le conteneur de pages dans les Propriétés via l'onglet -> Options du gabarit -> Avancé , cochez « Conteneur de page : configurer manuellement ».",
+ "Configurez votre page PAI. La page PAI contient plusieurs composants GCWeb. Chaque composant a sa propre configuration que vous pouvez adapter selon vos besoins institutionnels. Veuillez consulter chaque composant pour plus de détails sur leurs options configurables.",
+ "Supprimez le Titre H1 .",
+ "Ajoutez le code HTML PAI avec un composant Composant HTML générique .",
+ "Modifiez le code HTML de la PAI"
+ ]
+ },
+ "notes": {
+ "en": [
+ "For a more detailed implementation guide, a document has been created on the AEM learning material on GCPedia , which includes screenshots and detailed step by step instructions."
+ ],
+ "fr": [
+ "Pour un guide de mise en œuvre plus détaillé, un document a été créé dans la section du matériel d'apprentissage d'AEM sur GCPedia , qui comprend des captures d'écran et des instructions détaillées étape par étape."
+ ]
+ },
+ "ajaxSourceCode": {
+ "en": "institutional-landing-en.html main > *:not(.pagedetails)",
+ "fr": "institutional-landing-fr.html main > *:not(.pagedetails)"
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_ilp_3",
+ "name": "Institutional landing page - Iteration 3",
+ "date": "2024-03",
+ "breaking": [
+ "Stabilization of the page template."
+ ],
+ "detectableBy": ".page-type-ilp"
+ },
+ {
+ "@id": "_:iteration_ilp_2",
+ "name": "Institutional landing page - Iteration 2",
+ "date": "2021-06",
+ "detectableBy": "Social media channels have the horizontal layout. About the institution and social media channels are on a white background.",
+ "example": {
+ "en": [
+ {
+ "href": "deprecated/institution-landing-en.html",
+ "text": "Institutional landing page version 2 (beta)"
+ }
+ ],
+ "fr": [
+ {
+ "href": "deprecated/institution-landing-fr.html",
+ "text": "Page d'accueil institutionnelle version 2 (bêta)"
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:iteration_ilp_1",
+ "name": "Institutional landing page - Iteration 1",
+ "date": "2014-04",
+ "detectableBy": "Social media channels at top right. Latest news directly under intro block.",
+ "example": {
+ "en": [
+ {
+ "href": "deprecated/institution-en.html",
+ "text": "Institutional landing page version 1"
+ }
+ ],
+ "fr": [
+ {
+ "href": "deprecated/institution-fr.html",
+ "text": "Page d'accueil institutionnelle version 1"
+ }
+ ]
+ }
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_ilp_2",
+ "name": "Institutional landing page",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_ilp_3",
+ "detectableBy": ".page-type-ilp",
+ "layout": [
+ "Intro block",
+ "Featured link - version 1",
+ "Most requested - version 1",
+ "Services and information - version 3",
+ "[Contact us static title with links distributed over 3 columns in well-sm]",
+ "About the institution [.col-md-8] + Social media channels - version 1 [.col-md-4]",
+ "Minister - version 1",
+ "News feed - version 1.1 [.col-md-4] + Context-specific features two-tiles right-aligned - version 5 [.col-md-8]"
+ ],
+ "test": [
+ "Implementation of ILP without template class "
+ ]
+ }
+ ]
+}
+,{
+ "@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": "Institutional profile",
+ "fr": "Profil institutionel"
+ },
+ "description": {
+ "en": "Institutional profile templates",
+ "fr": "Gabarit à propos de page de profil institutionel"
+ },
+ "modified": "2024-03-30",
+ "componentName": "institutional",
+ "status": "stable",
+ "version": "1.0.0",
+ "pages": {
+ "examples": [
{
"title": "Contact [Institution name]",
"language": "en",
@@ -522,7 +925,6 @@
}
],
"related": [
-
{
"title": "GCWU theme - English institution template",
"language": "en",
@@ -533,7 +935,6 @@
"language": "fr",
"url": "https://wet-boew.github.io/themes-dist/theme-gcwu-fegc/institution-fr.html"
}
-
]
}
}
@@ -594,206 +995,6 @@
]
}
}
-,{
- "@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": "Lowest topic (with secondary navigation)",
- "fr": "Sujet de plus bas niveau (avec une navigation secondaire"
- },
- "description": {
- "en": "Template sample with a local navigation and a lowest topic page",
- "fr": "Example de gabarit avec une navigation local et une page de sujet de plus bas niveau"
- },
- "modified": "2023-08-30",
- "componentName": "lowest-topic",
- "status": "deprecated",
- "pages": {
- "examples": [
- {
- "title": "[Topic - Secondary/Local navigation]",
- "language": "en",
- "path": "index-en.html"
- },
- {
- "title": "[Sujet - Navigation secondaire/locale]",
- "language": "fr",
- "path": "index-fr.html"
- },
-
- {
- "title": "Task 1",
- "language": "en",
- "path": "task1/index-en.html"
- },
- {
- "title": "Tâche 1",
- "language": "fr",
- "path": "task1/index-fr.html"
- },
-
- {
- "title": "Sub task 1",
- "language": "en",
- "path": "task1/task1/index-en.html"
- },
- {
- "title": "Sub tâche 1",
- "language": "fr",
- "path": "task1/task1/index-fr.html"
- },
- {
- "title": "Sub task 2",
- "language": "en",
- "path": "task1/task2/index-en.html"
- },
- {
- "title": "Sub tâche 2",
- "language": "fr",
- "path": "task1/task2/index-fr.html"
- },
- {
- "title": "Sub task 3",
- "language": "en",
- "path": "task1/task3/index-en.html"
- },
- {
- "title": "Sub tâche 3",
- "language": "fr",
- "path": "task1/task3/index-fr.html"
- },
- {
- "title": "Sub task 4",
- "language": "en",
- "path": "task1/task4/index-en.html"
- },
- {
- "title": "Sub tâche 4",
- "language": "fr",
- "path": "task1/task4/index-fr.html"
- },
- {
- "title": "Sub task 5",
- "language": "en",
- "path": "task1/task5/index-en.html"
- },
- {
- "title": "Sub tâche 5",
- "language": "fr",
- "path": "task1/task5/index-fr.html"
- },
- {
- "title": "Sub task 6",
- "language": "en",
- "path": "task1/task6/index-en.html"
- },
- {
- "title": "Sub tâche 6",
- "language": "fr",
- "path": "task1/task6/index-fr.html"
- },
- {
- "title": "Sub task 7",
- "language": "en",
- "path": "task1/task7/index-en.html"
- },
- {
- "title": "Sub tâche 7",
- "language": "fr",
- "path": "task1/task7/index-fr.html"
- },
-
- {
- "title": "Task 2",
- "language": "en",
- "path": "task2/index-en.html"
- },
- {
- "title": "Tâche 2",
- "language": "fr",
- "path": "task2/index-fr.html"
- },
-
- {
- "title": "Task 3",
- "language": "en",
- "path": "task3/index-en.html"
- },
- {
- "title": "Tâche 3",
- "language": "fr",
- "path": "task3/index-fr.html"
- },
-
- {
- "title": "Sub task 1",
- "language": "en",
- "path": "task3/task1/index-en.html"
- },
- {
- "title": "Sub tâche 1",
- "language": "fr",
- "path": "task3/task1/index-fr.html"
- },
- {
- "title": "Sub task 2",
- "language": "en",
- "path": "task3/task2/index-en.html"
- },
- {
- "title": "Sub tâche 2",
- "language": "fr",
- "path": "task3/task2/index-fr.html"
- },
- {
- "title": "Sub sub task 1",
- "language": "en",
- "path": "task3/task2/task1/index-en.html"
- },
- {
- "title": "Sub sub tâche 1",
- "language": "fr",
- "path": "task3/task2/task1/index-fr.html"
- },
- {
- "title": "Sub sub task 2",
- "language": "en",
- "path": "task3/task2/task2/index-en.html"
- },
- {
- "title": "Sub sub tâche 2",
- "language": "fr",
- "path": "task3/task2/task2/index-fr.html"
- },
- {
- "title": "Sub task 3",
- "language": "en",
- "path": "task3/task3/index-en.html"
- },
- {
- "title": "Sub tâche 3",
- "language": "fr",
- "path": "task3/task3/index-fr.html"
- },
-
- {
- "title": "Task 4",
- "language": "en",
- "path": "task4/index-en.html"
- },
- {
- "title": "Tâche 4",
- "language": "fr",
- "path": "task4/index-fr.html"
- }
- ]
- }
-}
,{
"@context": {
"@version": 1.1,
@@ -1155,26 +1356,38 @@
"componentName": "thematic",
"status": "provisional",
"pages": {
+ "docs": [
+ {
+ "title": "Pink Day - Deprecated as of GCWeb v16.0.0",
+ "language": "en",
+ "path": "../../méli-mélo/deprecated/pinkday/docs-en.html"
+ },
+ {
+ "title": "Journée rose - Obsolète à partir de GCWeb v16.0.0",
+ "language": "fr",
+ "path": "../../méli-mélo/deprecated/pinkday/docs-fr.html"
+ }
+ ],
"examples": [
{
- "title": "Pink Day",
+ "title": "Pink Day - Deprecated as of GCWeb v16.0.0",
"language": "en",
- "path": "pink-day-en.html"
+ "path": "../../méli-mélo/deprecated/pinkday/pink-day-en.html"
},
{
- "title": "Journée rose",
+ "title": "Journée rose - Obsolète à partir de GCWeb v16.0.0",
"language": "fr",
- "path": "pink-day-fr.html"
+ "path": "../../méli-mélo/deprecated/pinkday/pink-day-fr.html"
},
{
- "title": "Pink Day - Home",
+ "title": "Pink Day - Home - Deprecated as of GCWeb v16.0.0",
"language": "en",
- "path": "pink-day-home-en.html"
+ "path": "../../méli-mélo/deprecated/pinkday/pink-day-home-en.html"
},
{
- "title": "Journée rose - Accueil",
+ "title": "Journée rose - Accueil - Obsolète à partir de GCWeb v16.0.0",
"language": "fr",
- "path": "pink-day-home-fr.html"
+ "path": "../../méli-mélo/deprecated/pinkday/pink-day-home-fr.html"
},
{
"title": "Dark theme",
@@ -1199,40 +1412,6 @@
]
}
}
-,{
- "@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": "Beta - Theme, Topic",
- "fr": "Béta - Thèmatique et sujet"
- },
- "description": {
- "en": "Theme, Topic beta templates",
- "fr": "Gabarit béta du thèmatique et sujet"
- },
- "modified": "2020-02-12",
- "componentName": "theme-topic",
- "status": "provisional",
- "pages": {
- "examples": [
- {
- "title": "[Theme - Topic title]",
- "language": "en",
- "path": "theme-topic-en.html"
- },
- {
- "title": "[Titre du thème ou du sujet]",
- "language": "fr",
- "path": "theme-topic-fr.html"
- }
- ]
- }
-}
,{
"@context": {
"@version": 1.1,
@@ -1249,9 +1428,10 @@
"en": "Topic template examples",
"fr": "Exemples de page de sujets"
},
- "modified": "2020-04-06",
+ "modified": "2024-08-27",
"componentName": "topic",
"status": "stable",
+ "version": "2.1",
"pages": {
"examples": [
{
@@ -1265,18 +1445,322 @@
"path": "topic-fr.html"
},
{
- "title": "[Topic title, test case 1]",
+ "title": "[Topic title with stacked header]",
"language": "en",
- "path": "topic-testcase-1-en.html",
- "description": "Special test case of a topic pages where the service and information section take less heigh space compared to most request and contributor section on the right column."
+ "path": "topic-stackedheader-en.html"
},
{
- "title": "[Titre du sujet, cas d'essaie 1]",
+ "title": "[Titre du sujet avec en-tête superposé]",
"language": "fr",
- "path": "topic-testcase-1-fr.html",
- "description": "Cas d'essaie spécial de la page de sujet lorsque la hauteur du contenu pour la section service et renseignements est plus petite que la section en demande et collaborateurs dans la colonne de droite."
+ "path": "topic-stackedheader-fr.html"
+ },
+ {
+ "title": "Theme/Topic page - Deprecated as of GCWeb v16.0.0",
+ "language": "en",
+ "path": "deprecated/theme-topic-en.html"
+ },
+ {
+ "title": "Page de sujet/thème - Obsolète à partir de GCWeb v16.0.0",
+ "language": "fr",
+ "path": "deprecated/theme-topic-fr.html"
+ },
+ {
+ "title": "Lowest topic (with secondary navigation) - Deprecated as of GCWeb v16.0.0",
+ "language": "en",
+ "path": "../lowest-topic/index-en.html"
+ },
+ {
+ "title": "Sujet de plus bas niveau (avec une navigation secondaire) - Obsolète à partir de GCWeb v16.0.0",
+ "language": "fr",
+ "path": "../lowest-topic/index-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Topic page template",
+ "language": "en",
+ "path": "topic-doc-en.html"
+ },
+ {
+ "title": "Gabarit de page de sujet",
+ "language": "fr",
+ "path": "topic-doc-fr.html"
}
]
- }
+ },
+ "dependencies": {
+ "en": [
+ { "title": "Intro block", "url": "https://wet-boew.github.io/GCWeb/design-patterns/gc-intro/gc-intro-doc-en.html", "component": "gc-intro" },
+ { "title": "Most requested", "url": "https://wet-boew.github.io/GCWeb/components/gc-most-requested/gc-most-requested-doc-en.html", "component": "gc-most-requested" },
+ { "title": "Services and information", "url": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-doc-en.html", "component": "gc-srvinfo" },
+ { "title": "Context-specific features", "url": "https://wet-boew.github.io/GCWeb/components/gc-features/gc-features-doc-en.html", "component": "gc-features" },
+ { "title": "Social media channels", "url": "https://wet-boew.github.io/GCWeb/components/gc-follow-us/gc-follow-us-doc-en.html", "component": "gc-follow-us" },
+ { "title": "Contributors", "url": "https://wet-boew.github.io/GCWeb/components/gc-contributors/gc-contributors-doc-en.html", "component": "gc-contributors" }
+ ],
+ "fr": [
+ { "title": "Bloc d'introduction", "url": "https://wet-boew.github.io/GCWeb/design-patterns/gc-intro/gc-intro-doc-fr.html", "component": "gc-intro" },
+ { "title": "En demande", "url": "https://wet-boew.github.io/GCWeb/components/gc-most-requested/gc-most-requested-doc-fr.html", "component": "gc-most-requested" },
+ { "title": "Services et renseignements", "url": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-doc-fr.html", "component": "gc-srvinfo" },
+ { "title": "Promotions contextuelles", "url": "https://wet-boew.github.io/GCWeb/components/gc-features/gc-features-doc-fr.html", "component": "gc-features" },
+ { "title": "Bloc des réseaux de médias sociaux", "url": "https://wet-boew.github.io/GCWeb/components/gc-follow-us/gc-follow-us-doc-fr.html", "component": "gc-follow-us" },
+ { "title": "Collaborateurs", "url": "https://wet-boew.github.io/GCWeb/components/gc-contributors/gc-contributors-doc-fr.html", "component": "gc-contributors" }
+ ]
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Topic page",
+ "fr": "Page de sujet"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Topic pages provide access to topics and destination pages that support task completion.",
+ "fr": "Les pages de sujet fournissent un accès aux sujets et aux pages de destination qui appuient l’achèvement des tâches."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/mandatory-templates/theme-topic.html",
+ "fr": "https://conception.canada.ca/modeles-obligatoire/theme-sujet.html"
+ },
+ "iteration": "_:iteration_topic_3",
+ "example": [
+ {
+ "en": { "href": "topic-en.html", "text": "Topic page" },
+ "fr": { "href": "topic-fr.html", "text": "Page de sujet" }
+ }
+ ],
+ "implementation": [
+ "_:implement_topic",
+ "_:implement_topic_aem",
+ "_:implement_topic_1_to_2"
+ ],
+ "history": [
+ {
+ "en": "June 2024 - Stabilization of the version 2 of the page template.",
+ "fr": "Juin 2024 - Stabilisation de la version 2 du gabarit de page."
+ },
+ {
+ "en": "January 2021 - Provisional implementation of the version 2 of the page template.",
+ "fr": "Janvier 2021 - Implémentation provisoire de la version 2 du gabarit de page."
+ },
+ {
+ "en": "As per January 2018's template - Implementation of the version 1 of the page template.",
+ "fr": "Selon le gabarit en date de Janvier 2018 - Implémentation de la version 1 du gabarit de page."
+ }
+ ]
+ },
+ {
+ "name": {
+ "en": "Topic page with stacked header",
+ "fr": "Page de sujet avec en-tête superposé"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Use the stacked main page title to display the page's section title as well as the page title.",
+ "fr": "Utilisez le titre de la page principale superposé pour afficher le titre de la section de la page ainsi que le titre de la page."
+ },
+ "guidance": "no guidance defined.",
+ "iteration": "_:iteration_topic_3",
+ "example": [
+ {
+ "en": { "href": "topic-stackedheader-en.html", "text": "Topic page with stacked header" },
+ "fr": { "href": "topic-stackedheader-fr.html", "text": "Page de sujet avec en-tête superposé" }
+ }
+ ],
+ "implementation": [
+ "_:implement_topic_stackedheader",
+ "_:implement_topic_stackedheader_aem",
+ "_:implement_topic_1_to_2"
+ ],
+ "history": [
+ {
+ "en": "August 2024 - Version 1 of the stacked header variant.",
+ "fr": "août 2024 - Version 1 de la variante d'en-tête superposé."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_topic",
+ "iteration": "_:iteration_topic_3",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for publishers adding the template manually into an AEM page.",
+ "fr": "Cette implémentation est destinée aux éditeurs qui ajoutent le gabarit manuellement à une page d'AEM."
+
+ },
+ "instructions": {
+ "en": [
+ "Refer to the working example and guidance for more information on how to implement this page template."
+ ],
+ "fr": [
+ "Référez-vous à l'exemple pratique et aux directives pour plus d'informations sur l'implémentation ce modèle de page."
+ ]
+ },
+ "ajaxSourceCode": {
+ "en": "topic-en.html main > *:not(.pagedetails)",
+ "fr": "topic-fr.html main > *:not(.pagedetails)"
+ }
+ },
+ {
+ "@id": "_:implement_topic_aem",
+ "iteration": "_:iteration_topic_3",
+ "name": {
+ "en": "AEM users",
+ "fr": "Utilisateurs AEM"
+ },
+ "introduction": {
+ "en": "This implementation is meant for publishers adding the template manually into an AEM page.",
+ "fr": "Cette implémentation est destinée aux éditeurs qui ajoutent le gabarit manuellement à une page d'AEM."
+ },
+ "instructions": {
+ "en": [
+ "Please refer to the documentation on GCPedia."
+ ],
+ "fr": [
+ "Veuillez vous référer à la documentation dans GCPedia."
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_topic_1_to_2",
+ "iteration": "_:iteration_topic_3",
+ "name": {
+ "en": "Migrate to version 2",
+ "fr": "Migration vers la version 2"
+ },
+ "introduction": {
+ "en": "This implementation is meant for publishers attempting to migrate their current topic page to the version 2 of the topic page template.",
+ "fr": "Cette implémentation est destinée aux éditeurs qui tentent de migrer leur page de sujet actuelle vers la version 2 du modèle de page de sujet."
+ },
+ "instructions": {
+ "en": [
+ "A full content review needs to be performed. This change cannot be automated.",
+ "Follow the implementation instructions under the \"Standard\" tab."
+ ],
+ "fr": [
+ "Un examen complet du contenu doit être effectué. Ce changement ne peut pas être automatisé.",
+ "Veuillez suivre les instructions d'implémentation sous l'onglet « Standard »\"."
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_topic_stackedheader",
+ "iteration": "_:iteration_topic_3",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the template manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le gabarit manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the working example and guidance for more information on how to implement this page template."
+ ],
+ "fr": [
+ "Référez-vous à l'exemple pratique et aux directives pour plus d'informations sur l'implémentation ce modèle de page."
+ ]
+ },
+ "ajaxSourceCode": {
+ "en": "topic-stackedheader-en.html main > *:not(.pagedetails)",
+ "fr": "topic-stackedheader-fr.html main > *:not(.pagedetails)"
+ }
+ },
+ {
+ "@id": "_:implement_topic_stackedheader_aem",
+ "iteration": "_:iteration_topic_3",
+ "name": {
+ "en": "AEM users",
+ "fr": "Utilisateurs AEM"
+ },
+ "introduction": {
+ "en": "This implementation is meant for publishers adding the template manually into an AEM page.",
+ "fr": "Cette implémentation est destinée aux éditeurs qui ajoutent le gabarit manuellement à une page d'AEM."
+ },
+ "instructions": {
+ "en": [
+ "Use the stacked main page title to display the page's section title as well as the page title.",
+ "Please refer to the documentation on GCPedia."
+ ],
+ "fr": [
+ "Utilisez le titre de la page principale superposé pour afficher le titre de la section de la page ainsi que le titre de la page.",
+ "Veuillez vous référer à la documentation dans GCPedia."
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_topic_3",
+ "name": "Topic page - Iteration 3",
+ "date": "2024-06",
+ "breaking": [
+ "Stabilization of the topic page template."
+ ],
+ "detectableBy": ".page-type-topic"
+ },
+ {
+ "@id": "_:iteration_topic_2",
+ "name": "Theme / Topic page (Beta) - Iteration 2",
+ "date": "2021-01",
+ "detectableBy": "Half-width image introduction block. Full width most requested (provisional). Social media channels at bottom right",
+ "example": {
+ "en": [
+ {
+ "href": "deprecated/theme-topic-en.html",
+ "text": "Theme - Topic page version 2 (beta) - Deprecated as of GCWeb v16.0.0"
+ }
+ ],
+ "fr": [
+ {
+ "href": "deprecated/theme-topic-fr.html",
+ "text": "Page the thème ou de sujet version 2 (bêta) - Obsolète à partir de GCWeb v16.0.0"
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:iteration_topic_1",
+ "name": "Topic page - Iteration 1",
+ "date": "2018-01",
+ "detectableBy": "Social media channels at top left. Most requested, Contributors and More information on the right.",
+ "example": {
+ "en": [
+ {
+ "href": "deprecated/topic-en.html",
+ "text": "Topic page version 1 - Deprecated as of GCWeb v16.0.0"
+ }
+ ],
+ "fr": [
+ {
+ "href": "deprecated/topic-fr.html",
+ "text": "Page de sujet version 1 - Obsolète à partir de GCWeb v16.0.0"
+ }
+ ]
+ }
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_topic_2",
+ "name": "Topic page",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_topic_2",
+ "detectableBy": "By the sequence of the mandatory implemented design pattern and components and limited to its optional components.",
+ "layout": [
+ "Intro block (mandatory)",
+ "Most requested - version 1 (optional)",
+ "Services and information - version 3 (mandatory)",
+ "Context-specific features - version 5.0 [.col-md-8] (optional) + Social media channels - version 2.1 [.col-md-4] (optional)",
+ "Contributors - version 1.0 (optional)"
+ ]
+ }
+ ]
}
]
diff --git a/_data/wet-boew.json b/_data/wet-boew.json
index e7084716b3..ccb6b2e70e 100644
--- a/_data/wet-boew.json
+++ b/_data/wet-boew.json
@@ -1,4 +1,50 @@
[{
+ "@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": "Add to Calendar",
+ "fr": "Ajout au calendrier"
+ },
+ "description": {
+ "en": "Save events directly into personal calendar",
+ "fr": "Enregistrer des événements directement dans l'agenda personnel"
+ },
+ "modified": "2024-05-03",
+ "componentName": "add-cal",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Add to Calendar",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/add-cal/add-cal-en.html"
+ },
+ {
+ "title": "Ajout au calendrier",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/add-cal/add-cal-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Add to Calendar",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/add-cal/add-cal-en.html"
+ },
+ {
+ "title": "Ajouter au calendrier",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/add-cal/add-cal-fr.html"
+ }
+ ]
+ }
+}
+,{
"@context": {
"@version": 1.1,
"dct": "http://purl.org/dc/terms/",
@@ -54,40 +100,2016 @@
"modified": "dct:modified"
},
"title": {
- "en": "Favicon",
- "fr": "Favoricône"
+ "en": "Calendar of Events",
+ "fr": "Calendrier d'événements"
},
"description": {
- "en": "This plugin provides the ability to add and update the favicon's on a web page.",
- "fr": "Ce plugiciel offre la possibilité d'ajouter et de mettre à jour les favoricônes d'une page. "
+ "en": "Interface for navigating a chronological list of events",
+ "fr": "Interface pour naviguer dans une liste chronologique d'événements"
},
- "modified": "2023-09-12",
- "componentName": "favicon",
+ "modified": "2024-05-03",
+ "componentName": "cal-events",
"status": "stable",
"pages": {
"examples": [
{
- "title": "Favicon",
+ "title": "Calendar of Events",
"language": "en",
- "type": "general",
- "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/favicon/favicon-en.html"
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/cal-events/cal-events-en.html"
},
{
- "title": "Favoricône",
+ "title": "Calendrier d'événements",
"language": "fr",
- "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/favicon/favicon-fr.html"
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/cal-events/cal-events-fr.html"
}
],
"docs": [
{
- "title": "Favicon",
+ "title": "Calendar of Events",
"language": "en",
- "url": "https://wet-boew.github.io/wet-boew/docs/ref/favicon/favicon-en.html"
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/cal-events/cal-events-en.html"
},
{
- "title": "Favoricône",
+ "title": "Calendrier d'événements",
"language": "fr",
- "url": "https://wet-boew.github.io/wet-boew/docs/ref/favicon/favicon-fr.html"
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/cal-events/cal-events-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Charts and Graphs",
+ "fr": "Graphiques"
+ },
+ "description": {
+ "en": "Dynamically generates charts and graphs from table data",
+ "fr": "Génère dynamiquement des graphiques et des diagrammes à partir des données de tableaux"
+ },
+ "modified": "2024-07-10",
+ "componentName": "charts",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Charts and graphs - Simple and easy",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/charts-en.html"
+ },
+ {
+ "title": "Graphiques - Simple",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/charts-fr.html"
+ },
+ {
+ "title": "Charts and graphs - Customization",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/custom-en.html"
+ },
+ {
+ "title": "Graphiques - Personalisation",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/custom-fr.html"
+ },
+ {
+ "title": "Charts and graphs - Labels and reference values",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/labelsandreferencevalue-en.html"
+ },
+ {
+ "title": "Graphiques - Étiquettage et la valeur de référence",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/labelsandreferencevalue-fr.html"
+ },
+ {
+ "title": "Charts and graphs - Customizing pie charts",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/piecustom-en.html"
+ },
+ {
+ "title": "Graphiques - Personalisation de diagramme circulaire",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/piecustom-fr.html"
+ },
+ {
+ "title": "Charts and graphs - Specific test cases",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/testing-en.html"
+ },
+ {
+ "title": "Graphiques - Scénarios d'essai spécifiques",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/charts/testing-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Charts and graphs - Simple and easy",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/charts/charts-en.html"
+ },
+ {
+ "title": "Graphiques - Simple",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/charts/charts-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Collapsible Alerts",
+ "fr": "Alertes repliables"
+ },
+ "description": {
+ "en": "Alerts which can be collapsed by the user",
+ "fr": "Alertes qui peuvent être réduites par l'utilisateur"
+ },
+ "modified": "2024-05-03",
+ "componentName": "collapsible-alerts",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Collapsible alerts",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/collapsible-alerts/collapsible-alerts-en.html"
+ },
+ {
+ "title": "Alertes repliables",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/collapsible-alerts/collapsible-alerts-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Collapsible alerts",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/collapsible-alerts/collapsible-alerts-en.html"
+ },
+ {
+ "title": "Alertes repliables",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/collapsible-alerts/collapsible-alerts-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Country Content",
+ "fr": "Contenu par pays"
+ },
+ "description": {
+ "en": "Inserts AJAXed-in content based on a visitor's country",
+ "fr": "Insère du contenu chargé en AJAX en fonction du pays du visiteur"
+ },
+ "modified": "2024-05-03",
+ "componentName": "country-content",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Country Content",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/country-content/country-content-en.html"
+ },
+ {
+ "title": "Contenu par pays",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/country-content/country-content-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Country Content",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/country-content/country-content-en.html"
+ },
+ {
+ "title": "Contenu par pays",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/country-content/country-content-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Data Ajax",
+ "fr": "Data Ajax"
+ },
+ "description": {
+ "en": "A basic AjaxLoader wrapper that inserts AJAXed in content",
+ "fr": "Un conteneur AjaxLoader de base qui insère du contenu chargé via AJAX"
+ },
+ "modified": "2024-05-03",
+ "componentName": "data-ajax",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Data Ajax",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-ajax/data-ajax-en.html"
+ },
+ {
+ "title": "Data Ajax",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-ajax/data-ajax-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Data Ajax",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/data-ajax/data-ajax-en.html"
+ },
+ {
+ "title": "Data Ajax",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/data-ajax/data-ajax-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Data Fusion Query",
+ "fr": "Donnée de requête fusionné"
+ },
+ "description": {
+ "en": "Map a query parameter value into an input value",
+ "fr": "Mapper une valeur de paramètre de requête vers une valeur d'entrée"
+ },
+ "modified": "2024-05-03",
+ "componentName": "data-fusion-query",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Data Fusion Query",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-fusion-query/data-fusion-query-en.html"
+ },
+ {
+ "title": "Donnée de requête fusionné",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-fusion-query/data-fusion-query-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Data Fusion Query",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/data-fusion-query/data-fusion-query-en.html"
+ },
+ {
+ "title": "Donnée de requête fusionné",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/data-fusion-query/data-fusion-query-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Data Inview",
+ "fr": "Data Inview"
+ },
+ "description": {
+ "en": "Displays an overlay when a section moves out of the viewport",
+ "fr": "Affiche un calque lorsque une section sort de la zone visible de l'écran"
+ },
+ "modified": "2024-05-03",
+ "componentName": "data-inview",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Data Inview",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-inview/data-inview-en.html"
+ },
+ {
+ "title": "Data Inview",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-inview/data-inview-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Data Inview",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/data-inview/data-inview-en.html"
+ },
+ {
+ "title": "Data Inview",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/data-inview/data-inview-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Data Picture",
+ "fr": "Data Picture"
+ },
+ "description": {
+ "en": "Allow a web page to specify different image sources to display based on media queries",
+ "fr": "Permettre à une page web de spécifier différentes sources d'images à afficher en fonction des requêtes média"
+ },
+ "modified": "2024-05-03",
+ "componentName": "data-picture",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Data Picture",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-picture/data-picture-en.html"
+ },
+ {
+ "title": "Data Picture",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-picture/data-picture-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Data Picture",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/data-picture/data-picture-en.html"
+ },
+ {
+ "title": "Data Picture",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/data-picture/data-picture-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Details closed",
+ "fr": "Details fermé"
+ },
+ "description": {
+ "en": "Keep selected details elements closed on defined viewport and down if they were not engaged, default is small",
+ "fr": "Maintient les éléments de détails sélectionnés fermés sur le viewport défini et en dessous s'ils n'ont pas été utilisés, par défaut sur petit"
+ },
+ "modified": "2024-05-16",
+ "componentName": "details-close",
+ "status": "provisional",
+ "pages": {
+ "examples": [
+ {
+ "title": "Details closed",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/details-close/details-close-en.html"
+ },
+ {
+ "title": "Details fermé",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/details-close/details-close-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Details closed",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/details-close/details-close-en.html"
+ },
+ {
+ "title": "Details fermé",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/details-close/details-close-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Dismissable content",
+ "fr": "Contenu écartable"
+ },
+ "description": {
+ "en": "Make content dismissable by users",
+ "fr": "Permettre aux utilisateurs d'écarter certains contenus"
+ },
+ "modified": "2024-05-16",
+ "componentName": "dismissable-content",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Dismissable content",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/dismissable-content/dismissable-content-en.html"
+ },
+ {
+ "title": "Contenu écartable",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/dismissable-content/dismissable-content-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Dismissable content",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/dismissable-content/dismissable-content-en.html"
+ },
+ {
+ "title": "Contenu écartable",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/dismissable-content/dismissable-content-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Equal height",
+ "fr": "Égalisation des hauteurs"
+ },
+ "description": {
+ "en": "Equalises the height of elements that are on the same baseline",
+ "fr": "Égalise la hauteur d'éléments étant sur la même ligne de base"
+ },
+ "modified": "2024-07-10",
+ "componentName": "equalheight",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Equal height (pure CSS)",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/eqht-css/eqht-css-en.html"
+ },
+ {
+ "title": "Égalisation des hauteurs (pure CSS)",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/eqht-css/eqht-css-fr.html"
+ },
+ {
+ "title": "Equal height",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/equalheight/equalheight-en.html"
+ },
+ {
+ "title": "Égalisation des hauteurs",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/equalheight/equalheight-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Equal height",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/equalheight/equalheight-en.html"
+ },
+ {
+ "title": "Égalisation des hauteurs",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/equalheight/equalheight-fr.html"
+ }
+ ],
+ "other": [
+ {
+ "title": "Equal height (pure CSS)",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/eqht-css/eqht-css-en.html"
+ },
+ {
+ "title": "Égalisation des hauteurs (pure CSS)",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/eqht-css/eqht-css-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Exit script",
+ "fr": "Sortie de navigation avisé"
+ },
+ "description": {
+ "en": "Redirects users to another site",
+ "fr": "Aviser l'utilisateur d'une redirection vers un autre site"
+ },
+ "modified": "2024-05-16",
+ "componentName": "exitscript",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Exit script",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/exitscript/exitscript-en.html"
+ },
+ {
+ "title": "Sortie de navigation avisé",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/exitscript/exitscript-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Exit script",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/exitscript/exitscript-en.html"
+ },
+ {
+ "title": "Sortie de navigation avisé",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/exitscript/exitscript-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Facebook",
+ "fr": "Facebook"
+ },
+ "description": {
+ "en": "Helps with implementing Facebook embedded pages",
+ "fr": "Aide à l'implémentation de pages intégrées Facebook"
+ },
+ "modified": "2024-05-03",
+ "componentName": "facebook",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Facebook",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/facebook/facebook-en.html"
+ },
+ {
+ "title": "Facebook",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/facebook/facebook-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Facebook",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/facebook/facebook-en.html"
+ },
+ {
+ "title": "Facebook",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/facebook/facebook-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Favicon",
+ "fr": "Favoricône"
+ },
+ "description": {
+ "en": "This plugin provides the ability to add and update the favicon's on a web page.",
+ "fr": "Ce plugiciel offre la possibilité d'ajouter et de mettre à jour les favoricônes d'une page. "
+ },
+ "modified": "2023-09-12",
+ "componentName": "favicon",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Favicon",
+ "language": "en",
+ "type": "general",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/favicon/favicon-en.html"
+ },
+ {
+ "title": "Favoricône",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/favicon/favicon-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Favicon",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/favicon/favicon-en.html"
+ },
+ {
+ "title": "Favoricône",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/favicon/favicon-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Feeds",
+ "fr": "Fils de syndication"
+ },
+ "description": {
+ "en": "Aggregates and displays entries from one or more Web feeds.",
+ "fr": "Affiche les articles d’un ou plus fils de syndication."
+ },
+ "modified": "2024-01-29",
+ "componentName": "feeds",
+ "status": "stable",
+ "pages": {
+ "docs": [
+ {
+ "title": "Feeds",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/feeds/feeds-en.html"
+ },
+ {
+ "title": "Fils de syndication",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/feeds/feeds-fr.html"
+ }
+ ],
+ "examples": [
+ {
+ "title": "Feeds",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/feeds/feeds-en.html"
+ },
+ {
+ "title": "Fils de syndication",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/feeds/feeds-fr.html"
+ }
+ ]
+ },
+ "iteration": [
+ {
+ "@id": "_:iteration_feeds_2",
+ "name": "Feeds - Iteration 1",
+ "date": "2024-02",
+ "detectableBy": ".wb-feeds",
+ "predecessor": "_:iteration_feeds_1",
+ "additions": "Pattern recognition: the styling change is perceptible by the user, but does not affect how the component is used.",
+ "fixes": "Style: overwrite WET-BOEW plugin styling to have bolded links.",
+ "notes": "The CSS class \"gc-feeds\" has been rendered obsolete as its styling has been applied globally."
+ },
+ {
+ "@id": "_:iteration_feeds_1",
+ "name": "Feeds - Iteration 1",
+ "date": "2014-06",
+ "detectableBy": ".wb-feeds",
+ "successor": "_:iteration_feeds_2"
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_feeds",
+ "name": "Feeds",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_feeds_2",
+ "detectableBy": ".wb-feeds",
+ "style": "Feed items links are bolded."
+ }
+ ]
+}
+,{
+ "@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": "Filter",
+ "fr": "Filtre"
+ },
+ "description": {
+ "en": "Filters through content and only show content that match a certain keyword",
+ "fr": "Filtre le contenu et affiche uniquement le contenu correspondant à un mot-clé spécifique"
+ },
+ "modified": "2024-05-17",
+ "componentName": "filter",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Filter",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/filter/filter-en.html"
+ },
+ {
+ "title": "Filtre",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/filter/filter-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Filter",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/filter/filter-en.html"
+ },
+ {
+ "title": "Filtre",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/filter/filter-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Footnotes",
+ "fr": "Notes de bas de page"
+ },
+ "description": {
+ "en": "This plugin allows developers to easily embed footnotes into their Web pages, and helps to achieve WCAG 2.0 compliance when providing such footnotes",
+ "fr": "Ce plugin permet aux développeurs d'intégrer facilement des notes de bas de page dans leurs pages Web et contribue à atteindre la conformité WCAG 2.0 lors de la fourniture de ces notes"
+ },
+ "modified": "2024-05-16",
+ "componentName": "footnotes",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Footnotes",
+ "language": "en",
+ "type": "general",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/footnotes/footnotes-en.html"
+ },
+ {
+ "title": "Notes de bas de page",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/footnotes/footnotes-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Footnotes",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/footnotes/footnotes-en.html"
+ },
+ {
+ "title": "Notes de bas de page",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/footnotes/footnotes-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Form validation",
+ "fr": "Validation de formulaires"
+ },
+ "description": {
+ "en": "This component provides generic validation and error message handling for Web forms",
+ "fr": "Ce composant fournit une validation générique et une gestion des messages d'erreur pour les formulaires Web"
+ },
+ "modified": "2024-05-16",
+ "componentName": "formvalid",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Form validation",
+ "language": "en",
+ "type": "general",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/formvalid/formvalid-en.html"
+ },
+ {
+ "title": "Validation de formulaires",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/formvalid/formvalid-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Form validation",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/formvalid/formvalid-en.html"
+ },
+ {
+ "title": "Validation de formulaires",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/formvalid/formvalid-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Geomap",
+ "fr": "Géocarte"
+ },
+ "description": {
+ "en": "Displays a dynamic map over which information from additional sources can be overlaid.",
+ "fr": "Affiche une carte dynamique sur laquelle des informations provenant de sources supplémentaires peuvent être superposées."
+ },
+ "modified": "2024-07-12",
+ "componentName": "geomap",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Geomap",
+ "language": "en",
+ "path": "./geomap-en.html"
+ },
+ {
+ "title": "Géocarte",
+ "language": "fr",
+ "path": "./geomap-fr.html"
+ },
+ {
+ "title": "Geomap v4.0.30",
+ "language": "fr",
+ "path": "./geomap-v4.0.30-en.html"
+ },
+ {
+ "title": "Géocarte v4.0.30",
+ "language": "fr",
+ "path": "./geomap-v4.0.30-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Geomap",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/geomap/geomap-en.html"
+ },
+ {
+ "title": "Géocarte",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/geomap/geomap-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Lightbox",
+ "fr": "Lightbox"
+ },
+ "description": {
+ "en": "Display images and other content in a dialog box, either individually or as part of a gallery. Implements the WAI-ARIA Dialog (Modal) design pattern",
+ "fr": "Afficher des images et d'autres contenus dans une boîte de dialogue, soit individuellement ou comme partie d'une galerie. Implémente le modèle de conception WAI-ARIA Dialog (Modal)"
+ },
+ "modified": "2024-05-17",
+ "componentName": "lightbox",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Lightbox",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/lightbox/lightbox-en.html"
+ },
+ {
+ "title": "Lightbox",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/lightbox/lightbox-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Lightbox",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/lightbox/lightbox-en.html"
+ },
+ {
+ "title": "Lightbox",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/lightbox/lightbox-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Menu",
+ "fr": "Menu"
+ },
+ "description": {
+ "en": "Provides an interactive menu with optional sub-menus. Implements the WAI-ARIA menu design pattern",
+ "fr": "Fournit un menu interactif avec des sous-menus facultatifs. Implémente le modèle de conception de menu WAI-ARIA"
+ },
+ "modified": "2024-07-10",
+ "componentName": "menu",
+ "status": "stable",
+ "pages": {
+ "docs": [
+ {
+ "title": "Menu",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/menu/menu-en.html"
+ },
+ {
+ "title": "Menu",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/menu/menu-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Multimedia",
+ "fr": "Multimédia"
+ },
+ "description": {
+ "en": "Provides an accessible multimedia player for embedding video and audio into web pages",
+ "fr": "Fournit un lecteur multimédia accessible pour intégrer des vidéos et de l'audio dans les pages web"
+ },
+ "modified": "2024-07-10",
+ "componentName": "multimedia",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Multimedia Player - Video",
+ "language": "en",
+ "type": "general",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-en.html"
+ },
+ {
+ "title": "Lecteur multimédia - Vidéo",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-fr.html"
+ },
+ {
+ "title": "Multimedia Player - Audio-only",
+ "language": "en",
+ "type": "general",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-audio-en.html"
+ },
+ {
+ "title": "Lecteur multimédia - Audio seulement",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-audio-fr.html"
+ },
+ {
+ "title": "Multimedia Player - Youtube",
+ "language": "en",
+ "type": "general",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-youtube-en.html"
+ },
+ {
+ "title": "Lecteur multimédia - Youtube",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-youtube-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Multimedia Player",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/multimedia/multimedia-en.html"
+ },
+ {
+ "title": "Lecteur multimédia",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/multimedia/multimedia-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Overlay",
+ "fr": "Contenu superposé"
+ },
+ "description": {
+ "en": "A flexible, responsive overlay plugin. Implements the WAI-ARIA Dialog (Modal) design pattern",
+ "fr": "Un plugin de superposition flexible et réactif. Implémente le modèle de conception WAI-ARIA Dialog (Modal)"
+ },
+ "modified": "2024-05-16",
+ "componentName": "overlay",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Overlay",
+ "language": "en",
+ "type": "general",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/overlay/overlay-en.html"
+ },
+ {
+ "title": "Contenu superposé",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/overlay/overlay-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Overlay",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/overlay/overlay-en.html"
+ },
+ {
+ "title": "Contenu superposé",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/overlay/overlay-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Paginate",
+ "fr": "Paginer"
+ },
+ "description": {
+ "en": "Adds pagination at the bottom of a list of items",
+ "fr": "Ajoute une pagination en bas d'une liste d'éléments"
+ },
+ "modified": "2024-07-10",
+ "componentName": "paginate",
+ "status": "provisional",
+ "pages": {
+ "examples": [
+ {
+ "title": "Paginate",
+ "language": "en",
+ "type": "general",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/paginate/paginate-en.html"
+ },
+ {
+ "title": "Paginer",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/paginate/paginate-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Paginate",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/paginate/paginate-en.html"
+ },
+ {
+ "title": "Paginer",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/paginate/paginate-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Prettify",
+ "fr": "Prettify"
+ },
+ "description": {
+ "en": "Syntax highlighting of source code snippets in an html page using google-code-prettify",
+ "fr": "Mise en surbrillance de la syntaxe des extraits de code source dans une page HTML en utilisant google-code-prettify"
+ },
+ "modified": "2024-05-16",
+ "componentName": "prettify",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Prettify",
+ "language": "en",
+ "type": "general",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/prettify/prettify-en.html"
+ },
+ {
+ "title": "Prettify",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/prettify/prettify-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Prettify",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/prettify/prettify-en.html"
+ },
+ {
+ "title": "Prettify",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/prettify/prettify-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Session Timeout",
+ "fr": "Expiration de la session"
+ },
+ "description": {
+ "en": "Create a session inactivity timeout that warns users when their session is about to expire",
+ "fr": "Crée un délai d'expiration d'inactivité de session qui avertit les utilisateurs lorsque leur session est sur le point d'expirer"
+ },
+ "modified": "2024-07-10",
+ "componentName": "session-timeout",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Session Timeout",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/session-timeout/session-timeout-en.html"
+ },
+ {
+ "title": "Expiration de la session",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/session-timeout/session-timeout-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Session Timeout",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/session-timeout/session-timeout-en.html"
+ },
+ {
+ "title": "Expiration de la session",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/session-timeout/session-timeout-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Share",
+ "fr": "Gadget de partage"
+ },
+ "description": {
+ "en": "Enables users to quickly share content with their networks",
+ "fr": "Permet aux utilisateurs de partager rapidement du contenu avec leurs réseaux"
+ },
+ "modified": "2024-07-10",
+ "componentName": "share",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Share widget",
+ "language": "en",
+ "type": "general",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/share/share-en.html"
+ },
+ {
+ "title": "Gadget de partage",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/share/share-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Share widget",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/share/share-en.html"
+ },
+ {
+ "title": "Gadget de partage",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/share/share-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Steps Form",
+ "fr": "Formulaire à étapes"
+ },
+ "description": {
+ "en": "This component provides the ability to break a form into steps",
+ "fr": "Offre la possibilité de diviser un formulaire en différentes étapes (sans ou avec validation de formulaire)"
+ },
+ "modified": "2024-05-17",
+ "componentName": "stepsform",
+ "status": "provisional",
+ "pages": {
+ "examples": [
+ {
+ "title": "Steps Form",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/stepsform/stepsform-en.html"
+ },
+ {
+ "title": "Formulaire à étapes",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/stepsform/stepsform-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Steps Form",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/stepsform/stepsform-en.html"
+ },
+ {
+ "title": "Formulaire à étapes",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/stepsform/stepsform-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Tables",
+ "fr": "Tables"
+ },
+ "description": {
+ "en": "Integrates the DataTables plugin into WET providing searching, sorting, filtering, pagination and other advanced features for tables",
+ "fr": "Ajoute des fonctionnalités aux tableaux telles que la recherche, le tri, le filtrage et la pagination"
+ },
+ "modified": "2024-05-17",
+ "componentName": "tables",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Tables",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-en.html"
+ },
+ {
+ "title": "Tables",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-fr.html"
+ },
+ {
+ "title": "Table Filters",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-fltrs-en.html"
+ },
+ {
+ "title": "Table Filters",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tables/tables-fltrs-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Tables",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/tables/tables-en.html"
+ },
+ {
+ "title": "Tables",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/tables/tables-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Tabbed Interface",
+ "fr": "Interface à onglets"
+ },
+ "description": {
+ "en": "Dynamically stacks multiple sections of content, transforming them into a tabbed interface",
+ "fr": "Empile dynamiquement plusieurs sections de contenu, les transformant en une interface à onglets"
+ },
+ "modified": "2024-05-17",
+ "componentName": "tabs",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Tabbed Interface",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tabs/tabs-en.html"
+ },
+ {
+ "title": "Interface à onglets",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tabs/tabs-fr.html"
+ },
+ {
+ "title": "Tabbed Interface - Carousel",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tabs/tabs-carousel-en.html"
+ },
+ {
+ "title": "Interface à onglets - Carrousel",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/tabs/tabs-carousel-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Tabbed Interface",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/tabs/tabs-en.html"
+ },
+ {
+ "title": "Interface à onglets",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/tabs/tabs-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Tag filter",
+ "fr": "Filtre de balise"
+ },
+ "description": {
+ "en": "Filters through content and show/hide content that match certain tags.",
+ "fr": "Filtre le contenu et affiche/masque le contenu qui correspond à certaines balises."
+ },
+ "modified": "2024-05-01",
+ "componentName": "tagfilter",
+ "status": "provisional",
+ "pages": {
+ "examples": [
+ {
+ "title": "Tag filter",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/demos/tagfilter/tagfilter-en.html"
+ },
+ {
+ "title": "Filtre de balise",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/demos/tagfilter/tagfilter-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Tag filter",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/tagfilter/tagfilter-en.html"
+ },
+ {
+ "title": "Filtre de balise",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/tagfilter/tagfilter-fr.html"
+ }
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #1 - Tag filter",
+ "language": "en",
+ "path": "reports/a11y-1-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #1 - Filtre de balise",
+ "language": "fr",
+ "path": "reports/a11y-1-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Text highlighting",
+ "fr": "Mise en surbrillance de texte"
+ },
+ "description": {
+ "en": "Highlights any text within a pre-defined area that matches case-insensitive search criteria",
+ "fr": "Met en surbrillance n'importe quel texte dans un secteur pré-défini qui satisfait des critères de recherche"
+ },
+ "modified": "2024-05-17",
+ "componentName": "texthighlight",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Text highlighting",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/texthighlight/texthighlight-en.html"
+ },
+ {
+ "title": "Mise en surbrillance de texte",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/texthighlight/texthighlight-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Text highlighting",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/texthighlight/texthighlight-en.html"
+ },
+ {
+ "title": "Mise en surbrillance de texte",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/texthighlight/texthighlight-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Toggle",
+ "fr": "Basculer"
+ },
+ "description": {
+ "en": "Create an element that toggles elements between on and off states.",
+ "fr": "Plugiciel qui permet un lien à basculer des éléments entre les états activé et désactivé."
+ },
+ "modified": "2024-02-28",
+ "componentName": "toggle",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Toggle",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/toggle/toggle-en.html"
+ },
+ {
+ "title": "Basculer",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/toggle/toggle-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Toggle",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/toggle/toggle-en.html"
+ },
+ {
+ "title": "Basculer",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/toggle/toggle-fr.html"
+ }
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #1 - toggle",
+ "language": "en",
+ "path": "reports/a11y-1-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #1 - Basculer",
+ "language": "fr",
+ "path": "reports/a11y-1-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "X (Twitter)",
+ "fr": "X (Twitter)"
+ },
+ "description": {
+ "en": "Helps with implementing Twitter embedded timelines",
+ "fr": "Aide à implémenter les timelines Twitter intégrées"
+ },
+ "modified": "2024-05-17",
+ "componentName": "twitter",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Twitter",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/twitter/twitter-en.html"
+ },
+ {
+ "title": "Twitter",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/twitter/twitter-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Twitter",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/twitter/twitter-en.html"
+ },
+ {
+ "title": "Twitter",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/twitter/twitter-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Data JSON",
+ "fr": "Data JSON"
+ },
+ "description": {
+ "en": "Insert content extracted from a JSON file",
+ "fr": "Insertion de contenu extrait d'un fichier JSON"
+ },
+ "modified": "2024-01-03",
+ "componentName": "wb-data-json",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Data JSON",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-en.html"
+ },
+ {
+ "title": "Data JSON",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-fr.html"
+ },
+ {
+ "title": "Template HTML 5",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/template-en.html"
+ },
+ {
+ "title": "Gabarit HTML 5",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/template-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Data JSON",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-en.html"
+ },
+ {
+ "title": "Data JSON",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Basic HTML",
+ "fr": "HTML simplifié"
+ },
+ "description": {
+ "en": "Enable Basic HTML Mode on any given page to simplify the readability of the page by executing the bare minimum DOM manipulations",
+ "fr": "Activer le mode HTML de base sur une page donnée pour simplifier la lisibilité de la page en exécutant le strict minimum de manipulations du DOM"
+ },
+ "modified": "2024-05-17",
+ "componentName": "wb-disable",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Basic HTML",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-disable/wb-disable-en.html"
+ },
+ {
+ "title": "HTML simplifié",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-disable/wb-disable-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Basic HTML",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-disable/wb-disable-en.html"
+ },
+ {
+ "title": "HTML simplifié",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-disable/wb-disable-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "JSON Manager",
+ "fr": "Gestionnaire JSON"
+ },
+ "description": {
+ "en": "Manage dataset and apply JSON Patch",
+ "fr": "Gérer des jeux de données et applique des correctifs JSON"
+ },
+ "modified": "2024-01-03",
+ "componentName": "wb-jsonmanager",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "JSON Manager",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-en.html"
+ },
+ {
+ "title": "Gestionnaire JSON",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-fr.html"
+ },
+ {
+ "title": "with Do Action patches",
+ "language": "en",
+ "path": "jsonmanager-doaction-en.html"
+ },
+ {
+ "title": "avec l'exécuteur d'action de patches",
+ "language": "fr",
+ "path": "jsonmanager-doaction-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "JSON Manager",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-jsonmanager/wb-jsonmanager-en.html"
+ },
+ {
+ "title": "Gestionnaire JSON",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-jsonmanager/wb-jsonmanager-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Postback",
+ "fr": "Envoie de formulaire via Ajax"
+ },
+ "description": {
+ "en": "Submit web form through AJAX call",
+ "fr": "Soumission de formulaire via une requête Ajax"
+ },
+ "modified": "2024-05-17",
+ "componentName": "wb-postback",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Postback",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-postback/wb-postback-en.html"
+ },
+ {
+ "title": "Envoie de formulaire via Ajax",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-postback/wb-postback-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Postback",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-postback/wb-postback-en.html"
+ },
+ {
+ "title": "Envoie de formulaire via Ajax",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-postback/wb-postback-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Randomize",
+ "fr": "Aléatoire"
+ },
+ "description": {
+ "en": "Randomly picks one of the child elements",
+ "fr": "Choisi un des éléments enfant aléatoirement"
+ },
+ "modified": "2024-05-17",
+ "componentName": "wb-randomize",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Randomize",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-randomize/wb-randomize-en.html"
+ },
+ {
+ "title": "Aléatoire",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-randomize/wb-randomize-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Randomize",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-randomize/wb-randomize-en.html"
+ },
+ {
+ "title": "Aléatoire",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-randomize/wb-randomize-fr.html"
+ }
+ ]
+ }
+}
+,{
+ "@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": "Zebra",
+ "fr": "Rayage du zèbre"
+ },
+ "description": {
+ "en": "Zebra striping for tables",
+ "fr": "Rayage du zèbre pour les tableaux"
+ },
+ "modified": "2024-04-19",
+ "componentName": "zebra",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Zebra striping",
+ "language": "en",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/zebra/zebra-en.html"
+ },
+ {
+ "title": "Rayage du zèbre",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/zebra/zebra-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Zebra striping",
+ "language": "en",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/zebra/zebra-en.html"
+ },
+ {
+ "title": "Rayage du zèbre",
+ "language": "fr",
+ "url": "https://wet-boew.github.io/wet-boew/docs/ref/zebra/zebra-fr.html"
}
]
}
diff --git a/_includes/alert-softlaunch.html b/_includes/alert-softlaunch.html
index 8b154dcb85..6f48626d5b 100644
--- a/_includes/alert-softlaunch.html
+++ b/_includes/alert-softlaunch.html
@@ -1,11 +1,11 @@
{%- if page.language == "fr" -%}
Prélancement
- {%- if include.genre == "f" -%}La composante{%- else -%}Le composant{%- endif %} {{ include.component }} sur cette page implémente la version {{ include.version }} qui a été prélancé{%- if include.genre == "f" -%}e{%- endif %} jusqu'à ce que les lignes directrices officielles soient publiées par le Bureau de la transformation numérique du SCT.
+ {%- if include.genre == "f" -%}La composante{%- else -%}Le composant{%- endif %} {{ include.component }} sur cette page implémente la version {{ include.version }} qui a été prélancé{%- if include.genre == "f" -%}e{%- endif %} jusqu'à ce que les lignes directrices officielles soient publiées par le Bureau de la transformation numérique du SNC.
{%- elsif page.language == "en" -%}
Soft launch
- The {{ include.component }} component on this page implements the version {{ include.version }} which has been soft launched until the official guidance is published by the Digital Transformation Office at TBS.
+ The {{ include.component }} component on this page implements the version {{ include.version }} which has been soft launched until the official guidance is published by the Digital Transformation Office at CDS.
{%- endif -%}
diff --git a/_includes/components/gc-contributors/gc-contributors.html b/_includes/components/gc-contributors/gc-contributors.html
new file mode 100644
index 0000000000..8ebe14e572
--- /dev/null
+++ b/_includes/components/gc-contributors/gc-contributors.html
@@ -0,0 +1,7 @@
+
+ {% if page.language == "en" %}From:{% else %}De :{% endif %}
+
+
diff --git a/_includes/components/gc-corporate/inst-info.html b/_includes/components/gc-corporate/inst-info.html
index fc93b2e24b..bd05095642 100644
--- a/_includes/components/gc-corporate/inst-info.html
+++ b/_includes/components/gc-corporate/inst-info.html
@@ -46,7 +46,7 @@ Corporate information
Ministre
-
+
[L’honorable (nom du ministre)]
@@ -57,7 +57,7 @@ Ministre
Minister
-
+
[(Honourable) first and last name of Minister]
diff --git a/_includes/components/gc-corporate/org-info.html b/_includes/components/gc-corporate/org-info.html
index cd2afe713f..dc1f1fd7b6 100644
--- a/_includes/components/gc-corporate/org-info.html
+++ b/_includes/components/gc-corporate/org-info.html
@@ -39,7 +39,7 @@ Corporate information
Chef de l’organisme
-
+
[Président]
@@ -50,7 +50,7 @@ Chef de l’organisme
Organization head
-
+
[Chairperson]
diff --git a/_includes/components/gc-featured-link/gc-featured-link.html b/_includes/components/gc-featured-link/gc-featured-link.html
new file mode 100644
index 0000000000..e65bec9b36
--- /dev/null
+++ b/_includes/components/gc-featured-link/gc-featured-link.html
@@ -0,0 +1,6 @@
+
diff --git a/_includes/components/gc-features/features.html b/_includes/components/gc-features/features.html
index fc64cd4ed9..61a14a9769 100644
--- a/_includes/components/gc-features/features.html
+++ b/_includes/components/gc-features/features.html
@@ -16,7 +16,7 @@ Features
{% for i in (1..3) %}
-
+
{%- if page.language == "fr" -%}
Brève description de l’élément en vedette. Brève description de l’élément en vedette.
diff --git a/_includes/components/gc-features/one-tile-hidden-title.html b/_includes/components/gc-features/one-tile-hidden-title.html
new file mode 100644
index 0000000000..094306bdda
--- /dev/null
+++ b/_includes/components/gc-features/one-tile-hidden-title.html
@@ -0,0 +1,20 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ List of features - One tile (invisible title)
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+
+ {% if page.language == "en" %}Featured{% else %}En vedette{% endif %}
+
+
+
+
+
+
+
{% if page.language == "en" %}Brief description of the feature being promoted.{% else %}Brève description de l’élément en vedette.{% endif %}
+
+
+
diff --git a/_includes/components/gc-features/two-tiles.html b/_includes/components/gc-features/two-tiles.html
new file mode 100644
index 0000000000..7fd0616151
--- /dev/null
+++ b/_includes/components/gc-features/two-tiles.html
@@ -0,0 +1,31 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ List of features - Two tiles
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+
+ {%- if page.language == "fr" -%}
+ En vedette
+ {%- else -%}
+ Features
+ {%- endif -%}
+
+ {% for i in (1..2) %}
+
+
+
+ {%- if page.language == "fr" -%}
+
+
Brève description de l’élément en vedette. Brève description de l’élément en vedette.
+ {%- else -%}
+
+
Brief description of the feature being promoted. Brief description of the feature being promoted.
+ {%- endif -%}
+
+
+ {% endfor %}
+
+
diff --git a/_includes/components/gc-minister/gc-minister-special-cases.html b/_includes/components/gc-minister/gc-minister-special-cases.html
new file mode 100644
index 0000000000..ccc7f103b5
--- /dev/null
+++ b/_includes/components/gc-minister/gc-minister-special-cases.html
@@ -0,0 +1,46 @@
+
+ {% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}
+
+
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
diff --git a/_includes/components/gc-minister/gc-minister-two-ministers.html b/_includes/components/gc-minister/gc-minister-two-ministers.html
new file mode 100644
index 0000000000..93757ff9d7
--- /dev/null
+++ b/_includes/components/gc-minister/gc-minister-two-ministers.html
@@ -0,0 +1,39 @@
+
+ {% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}
+
+
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
+
diff --git a/_includes/components/gc-minister/gc-minister.html b/_includes/components/gc-minister/gc-minister.html
new file mode 100644
index 0000000000..7f5a049173
--- /dev/null
+++ b/_includes/components/gc-minister/gc-minister.html
@@ -0,0 +1,22 @@
+
+ {% if page.language == "en" %}Minister{% else %}Ministre{% endif %}
+
+
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
+
diff --git a/_includes/components/gc-most-requested/gc-most-requested.html b/_includes/components/gc-most-requested/gc-most-requested.html
new file mode 100644
index 0000000000..8796902f74
--- /dev/null
+++ b/_includes/components/gc-most-requested/gc-most-requested.html
@@ -0,0 +1,13 @@
+
+
+
{% if page.language == "en" %}Most requested{% else %}En demande{% endif %}
+
+
+
diff --git a/_includes/components/gc-servinfo/3col-hidden-title.html b/_includes/components/gc-servinfo/3col-hidden-title.html
new file mode 100644
index 0000000000..30fa55fd5b
--- /dev/null
+++ b/_includes/components/gc-servinfo/3col-hidden-title.html
@@ -0,0 +1,22 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ GC service and information (gc-servinfo)
++
++ Configuration à 3 colonnes avec titre invisible
++ 3 columns configuration with invisible title
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+
+ Services and information
+
+ {%- for i in (1..9) -%}
+
+
+
{% if page.language == "en" %}Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to.{% else %}Utilisez des verbes d'action ou répertoriez simplement des mots-clés pour résumer les informations ou les tâches qui peuvent être accomplies sur la page à laquelle elles renvoient.{% endif %}
+
+ {%- endfor -%}
+
+
diff --git a/components/gc-servinfo/samples/2col.html b/_includes/components/gc-srvinfo/2col.html
similarity index 55%
rename from components/gc-servinfo/samples/2col.html
rename to _includes/components/gc-srvinfo/2col.html
index f39d0b9e22..ea0fa28026 100644
--- a/components/gc-servinfo/samples/2col.html
+++ b/_includes/components/gc-srvinfo/2col.html
@@ -1,7 +1,7 @@
{%- comment -%}
++++++++++++++++++++++++++++++++++
-+ GC service and iInformation (gc-servinfo)
++ GC service and iInformation (gc-srvinfo)
+
+ Configuration à 2 colonne
+
@@ -25,13 +25,13 @@
{%- if page.language == "en" -%}
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
{%- else -%}
-
-
Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
{%- endif -%}
diff --git a/_includes/components/gc-srvinfo/3col-hidden-title.html b/_includes/components/gc-srvinfo/3col-hidden-title.html
new file mode 100644
index 0000000000..9b68476426
--- /dev/null
+++ b/_includes/components/gc-srvinfo/3col-hidden-title.html
@@ -0,0 +1,22 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ GC service and information (gc-srvinfo)
++
++ Configuration à 3 colonnes avec titre invisible
++ 3 columns configuration with invisible title
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+
+ Services and information
+
+ {%- for i in (1..9) -%}
+
+
+
{% if page.language == "en" %}Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to{% else %}Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée{% endif %}
+
+ {%- endfor -%}
+
+
diff --git a/components/gc-servinfo/samples/with-embed-col-pull.html b/_includes/components/gc-srvinfo/with-embed-col-pull.html
similarity index 57%
rename from components/gc-servinfo/samples/with-embed-col-pull.html
rename to _includes/components/gc-srvinfo/with-embed-col-pull.html
index 28a9a0cdbd..0de36d9a91 100644
--- a/components/gc-servinfo/samples/with-embed-col-pull.html
+++ b/_includes/components/gc-srvinfo/with-embed-col-pull.html
@@ -1,7 +1,7 @@
{%- comment -%}
++++++++++++++++++++++++++++++++++
-+ GC service and information (gc-servinfo)
++ GC service and information (gc-srvinfo)
+
+ Configuration à 2 colonne avec floating left
+
@@ -26,13 +26,13 @@
{%- if page.language == "en" -%}
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
{%- else -%}
-
-
Résumé des renseignements disponibles ou des tâches pouvant être accomplies sur la page. Supprimez les longs libellés et les messages promotionnels. Utilisez une formulation basée sur l'action.
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
{%- endif -%}
diff --git a/_includes/design-patterns/gc-institution/gc-institution.html b/_includes/design-patterns/gc-institution/gc-institution.html
new file mode 100644
index 0000000000..4ba6f14392
--- /dev/null
+++ b/_includes/design-patterns/gc-institution/gc-institution.html
@@ -0,0 +1,15 @@
+
+ {% if page.language == "en" %}About [Institution]{% else %}À propos de [Institution]{% endif %}
+
+
diff --git a/_includes/design-patterns/gc-intro/gc-intro-full-width-image.html b/_includes/design-patterns/gc-intro/gc-intro-full-width-image.html
new file mode 100644
index 0000000000..327c2960f2
--- /dev/null
+++ b/_includes/design-patterns/gc-intro/gc-intro-full-width-image.html
@@ -0,0 +1,11 @@
+
+
+
+
+
{% if page.language == "en" %}Introduction block with full-width image{% else %}Bloc d'introduction avec image pleine largeur{% endif %}
+
{% if page.language == "en" %}The introduction block pattern introduces the content of a landing page.{% else %}La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.{% endif %}
+
{% if page.language == "en" %}Supertask button{% else %}Bouton de super-tâche{% endif %}
+
+
+
+
diff --git a/_includes/design-patterns/gc-intro/gc-intro-half-width-image.html b/_includes/design-patterns/gc-intro/gc-intro-half-width-image.html
new file mode 100644
index 0000000000..915122ef93
--- /dev/null
+++ b/_includes/design-patterns/gc-intro/gc-intro-half-width-image.html
@@ -0,0 +1,10 @@
+
+
+
+
{% if page.language == "en" %}Introduction block with half-width image{% else %}Bloc d'introduction avec image demi-largeur{% endif %}
+
{% if page.language == "en" %}The introduction block pattern introduces the content of a landing page.{% else %}La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.{% endif %}
+
+
+
+
+
diff --git a/_includes/design-patterns/gc-intro/gc-intro.html b/_includes/design-patterns/gc-intro/gc-intro.html
new file mode 100644
index 0000000000..40434a06ea
--- /dev/null
+++ b/_includes/design-patterns/gc-intro/gc-intro.html
@@ -0,0 +1,3 @@
+{{ page.title }}
+ {% if page.language == "en" %}The introduction block pattern introduces the content of a landing page.{% else %}La configuration de conception du bloc d'introduction introduit le contenu d'une page de destination.{% endif %}
+
{% if page.language == "en" %}Supertask button{% else %}Bouton de super-tâche{% endif %}
diff --git a/_includes/sites/page-details/page-details-3.1-en.html b/_includes/sites/page-details/page-details-3.1-en.html
new file mode 100644
index 0000000000..10ce421226
--- /dev/null
+++ b/_includes/sites/page-details/page-details-3.1-en.html
@@ -0,0 +1,20 @@
+
+
+
+ Page details
+ [Date modified component]
+
+
+
+
+
+
+ Page details
+
+
+ [Page feedback tool component version 2.0 or newer]
+
+
+ [Date modified component]
+
+
diff --git a/_includes/sites/page-details/page-details-3.1-fr.html b/_includes/sites/page-details/page-details-3.1-fr.html
new file mode 100644
index 0000000000..0b9a8d1a1a
--- /dev/null
+++ b/_includes/sites/page-details/page-details-3.1-fr.html
@@ -0,0 +1,20 @@
+
+
+
+ Détails de la page
+ [Composant Date de modification]
+
+
+
+
+
+
+ Détails de la page
+
+
+ [Composant Outil de rétroaction sur la page version 2.0 ou plus récente]
+
+
+ [Composant Date de modification]
+
+
diff --git a/_includes/sites/page-details/page-details-3.2-en.html b/_includes/sites/page-details/page-details-3.2-en.html
new file mode 100644
index 0000000000..403e0ade3c
--- /dev/null
+++ b/_includes/sites/page-details/page-details-3.2-en.html
@@ -0,0 +1,20 @@
+
+
+
+ Page details
+ [Date modified component]
+
+
+
+
+
+
+ Page details
+
+
+ [Page feedback tool component version 2.0 or newer]
+
+
+ [Date modified component]
+
+
diff --git a/_includes/sites/page-details/page-details-3.2-fr.html b/_includes/sites/page-details/page-details-3.2-fr.html
new file mode 100644
index 0000000000..87e9214c62
--- /dev/null
+++ b/_includes/sites/page-details/page-details-3.2-fr.html
@@ -0,0 +1,20 @@
+
+
+
+ Détails de la page
+ [Composant Date de modification]
+
+
+
+
+
+
+ Détails de la page
+
+
+ [Composant Outil de rétroaction sur la page version 2.0 ou plus récente]
+
+
+ [Composant Date de modification]
+
+
diff --git a/common/ajax-fetch/index.json-ld b/common/ajax-fetch/index.json-ld
index 15d09a8e3b..91decf0939 100644
--- a/common/ajax-fetch/index.json-ld
+++ b/common/ajax-fetch/index.json-ld
@@ -30,6 +30,18 @@
"language": "fr",
"path": "ajax-fetch-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Pre Accessibility assessment #1 - AJAX Fetch",
+ "language": "en",
+ "path": "reports/pre-a11y-1-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité préliminaire #1 - Récupération de ressource via Ajax",
+ "language": "fr",
+ "path": "reports/pre-a11y-1-fr.html"
+ }
]
}
}
diff --git a/common/ajax-fetch/reports/pre-a11y-1-en.html b/common/ajax-fetch/reports/pre-a11y-1-en.html
new file mode 100644
index 0000000000..fe3bc28e01
--- /dev/null
+++ b/common/ajax-fetch/reports/pre-a11y-1-en.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Pre Accessibility assessment #1 - AJAX Fetch",
+ "language": "en",
+ "description": "Assessing the AJAX Fetch Functionality",
+ "tag": "ajax-fetch",
+ "parentdir": "ajax-fetch",
+ "parentPage": "Ajax Fetch",
+ "parentPageURL": "ajax-fetch-en",
+ "altLangPage": "pre-a11y-1-fr.html",
+ "dateModified": "2023-09-09",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "pre-a11y-1.json"
+}
+---
diff --git a/common/ajax-fetch/reports/pre-a11y-1-fr.html b/common/ajax-fetch/reports/pre-a11y-1-fr.html
new file mode 100644
index 0000000000..43fcdf08ca
--- /dev/null
+++ b/common/ajax-fetch/reports/pre-a11y-1-fr.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Assessment d'accessibilité préliminaire #1 - Récupération de ressource via Ajax",
+ "language": "fr",
+ "description": "Évaluation de la fonctionalité de Récupération de ressource via Ajax",
+ "tag": "ajax-fetch",
+ "parentdir": "ajax-fetch",
+ "parentPage": "Récupération de ressource via Ajax",
+ "parentPageURL": "ajax-fetch",
+ "altLangPage": "pre-a11y-1-en.html",
+ "dateModified": "2023-09-09",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "pre-a11y-1.json"
+}
+---
diff --git a/common/ajax-fetch/reports/pre-a11y-1.json b/common/ajax-fetch/reports/pre-a11y-1.json
new file mode 100644
index 0000000000..187cd33c8f
--- /dev/null
+++ b/common/ajax-fetch/reports/pre-a11y-1.json
@@ -0,0 +1,594 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/conformance-report-en.json",
+ "@type": [
+ "earl:Assertion",
+ "acr:AssessmentReport"
+ ],
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/common/ajax-fetch/ajax-fetch-en.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "Assessing the AJAX Fetch Functionality",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": "[data-ajax-replace]"
+ }
+ },
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": [
+ "earl:Assertor",
+ "foaf:Organization"
+ ],
+ "earl:mainAssertor": {
+ "foaf:name": "Jonas Graham (Github: @jonasg-gc)",
+ "foaf:homepage": "https://github.com/jonasg-gc",
+ "@type": [
+ "earl:Assertor",
+ "foaf:Person"
+ ]
+ }
+ },
+ "dct:date": "2023-09-09",
+ "dct:description": "Assessing the AJAX Fetch Functionality",
+ "acr:involvesExpertise": [ ],
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+ "earl:result": [
+ {
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:inapplicable",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:inapplicable",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ }
+ ]
+}
diff --git a/common/alert/index.json-ld b/common/alert/index.json-ld
index d061c39103..369e6a39d6 100644
--- a/common/alert/index.json-ld
+++ b/common/alert/index.json-ld
@@ -30,6 +30,18 @@
"language": "fr",
"path": "alerts-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #1 - Alert",
+ "language": "en",
+ "path": "reports/a11y-1-en.html"
+ },
+ {
+ "title": "Évaluation de l'accessibilité #1 - Alert",
+ "language": "fr",
+ "path": "reports/a11y-1-fr.html"
+ }
]
}
}
diff --git a/common/alert/reports/a11y-1-en.html b/common/alert/reports/a11y-1-en.html
new file mode 100644
index 0000000000..011464af6a
--- /dev/null
+++ b/common/alert/reports/a11y-1-en.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Accessibility assessment #1 - Alerts",
+ "language": "en",
+ "description": "Partial. Evaluation of new Success Criteria at Level A and Level AA of WCAG 2.1 and WCAG 2.2",
+ "tag": "alert",
+ "parentdir": "alert",
+ "parentPage": "Alert",
+ "parentPageURL": "alert",
+ "altLangPage": "a11y-1-fr.html",
+ "dateModified": "2022-07-14",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "a11y-1.json"
+}
+---
diff --git a/common/alert/reports/a11y-1-fr.html b/common/alert/reports/a11y-1-fr.html
new file mode 100644
index 0000000000..49d96eebf0
--- /dev/null
+++ b/common/alert/reports/a11y-1-fr.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Assessment d'accessibilité #1 - Alert",
+ "language": "fr",
+ "description": "Partielle. Évaluation des nouveaux critères de succès aux niveaux A et AA de WCAG 2.1 et WCAG 2.2",
+ "tag": "alert",
+ "parentdir": "alert",
+ "parentPage": "Alert",
+ "parentPageURL": "Alert",
+ "altLangPage": "a11y-1-en.html",
+ "dateModified": "2022-07-14",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "a11y-1.json"
+}
+---
diff --git a/common/alert/reports/a11y-1.json b/common/alert/reports/a11y-1.json
new file mode 100644
index 0000000000..633ab24b43
--- /dev/null
+++ b/common/alert/reports/a11y-1.json
@@ -0,0 +1,834 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/assessment-report-en.json-ld",
+
+ "@type": ["earl:Assertion", "acr:AssessmentReport"],
+
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/common/alert/en.html",
+ "@type": ["earl:TestSubject", "schema:WebPage"],
+ "dct:description": "Assessment of the instances of the alert component on the referred page.",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": ".alert"
+ }
+ },
+
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "earl:mainAssertor": {
+ "foaf:name": "Shiva Kayathi",
+ "foaf:homepage": "https://github.com/Shiva-sc"
+ },
+ "@type": ["earl:Assertor", "foaf:Person"]
+ },
+
+ "dct:date": "2022-04-13",
+
+ "dct:description": "Partial evaluation focused only on the component not its container. Evaluated all Success Criteria at Level AA of WCAG 2.2",
+
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+
+ "earl:result": [{
+ "@id": "_:sc_1.1.1",
+ "earl:test": "WCAG21:non-text-content",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:failed",
+ "dct:description": "Background image provide importance level of the alert. Situation A is applicatible, but cannot find a corresponding technique to provide short text alternative. F3: is passing/don't apply because of the heading inside contains the important information",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G94",
+ "earl:outcome": "earl:failed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:general/G95",
+ "earl:outcome": "earl:failed",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.2.1",
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.2.2",
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.2.3",
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.2.4",
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.2.5",
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.3.1",
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:failed",
+ "dct:description": "It's failing because I believe when we are using div, there is no alternative way. But it's passing for section because of heading; Ref:https://www.w3.org/TR/wai-aria-1.2/#strong",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G115",
+ "earl:outcome": "earl:failed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:general/H49",
+ "earl:outcome": "earl:failed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:general/H42",
+ "earl:outcome": "earl:failed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:failures/F43",
+ "earl:outcome": "earl:failed",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.3.2",
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G57",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.3.3",
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.3.4",
+ "earl:test": "WCAG21:orientation",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.3.5",
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.4.1",
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "Pass as long as title, or paragraph indicate the type of alert; especially for
inside div",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G14",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.4.2",
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.4.3",
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G18",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.4.4",
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G142",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.4.5",
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "I have mentioned C22 because it mentioned about using css classes",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:css/C22",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.4.10",
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "All other success criterias are checking for 400% zoom level, which is addressed by C32",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:css/C32",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.4.11",
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "G207, is applicable when using div",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G207",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.4.12",
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "added class='test-textSpacing' to check text is not clipped",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:css/C36",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:css/C35",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:failures/F104",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_1.4.13",
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.1.1",
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "Used tab & shift-tab to check navigation on page",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G202",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.1.2",
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "Use tab key to check if you're stuck on component; Often use ESC key to come out of component",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G21",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:failures/F10",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.1.4",
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "checked for 'accesskey' attribute, which is not present. ALso checked for JS for keyup & keydown events",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.2.1",
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "Check if JS has been used, and also using seesion timeout",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.2.2",
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "Used in carousel, video, slides, should have way to pause/hide it",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.3.1",
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "On complete initial load of a page, components not more than three times in a second; includes video",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.4.1",
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.4.2",
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.4.3",
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G59",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:css/C27",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.4.4",
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "Not sure about this, but we are using links as part of last example; need to warn user about F63",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G91",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:html/H30",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:failures/F63",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:failures/F89",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.4.5",
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.4.6",
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G130",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.4.7",
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "Check for focus on component when we hit Tab, focus should be visible",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "?? SC 2.4.11",
+ "earl:test": "WCAG22:focus-appearance-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G195",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:css/C40",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:css/C41",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.5.1",
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.5.2",
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.5.3",
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "Every icon or function have specific meaning, like B icon should mention Bold",
+ "earl:result": [],
+ "advisory": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_2.5.4",
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "For example: When we shake the phone or GPS",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "?? SC 2.5.7",
+ "earl:test": "WCAG22:dragging-movements",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G219",
+ "earl:outcome": "earl:cantTell",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:failures/F108",
+ "earl:outcome": "earl:cantTell",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "?? SC 2.5.8",
+ "earl:test": "WCAG22:target-size-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "Anything that we interact with & foccusable. Ex: Button pixels are 24/24 min",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:css/C42",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.1.1",
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "Check for lang on the HTML element; May be applicable to be part of text;",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:html/H57",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.1.2",
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "Check for change of language in specific paragaph, have proper lang tags",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:html/H58",
+ "earl:outcome": "earl:cantTell",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.2.1",
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "On Tab navigation receive only focus",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G107",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:failures/F55",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.2.2",
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.2.3",
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "maybe applicable when used with other components; When we have menu, we have consistent items across pages",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.2.4",
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "When we have a set of pages, carousel component have next slides in all pages",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "?? SC 3.2.6",
+ "earl:test": "WCAG22:consistent-help",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "Consistent display of help icon or chat box at same place",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G220",
+ "earl:outcome": "earl:cantTell",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.3.1",
+ "earl:test": "WCAG21:error-identification",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "Error in JS, displayed in descriptive way",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.3.2",
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "Label attached to input field, or required field",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G131",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:html/H44",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:html/H71",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:general/G167",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:failures/F82",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.3.3",
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "Error suggested should be menaingful",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.3.4",
+ "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "Self checkout pages confirmation before ordering",
+ "earl:result": [],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.3.7",
+ "earl:test": "WCAG22:redundant-entry",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "Having entry of name in application and asking for name again in profile",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G218",
+ "earl:outcome": "earl:cantTell",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_3.3.8",
+ "earl:test": "WCAG22:accessible-authentication",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G221",
+ "earl:outcome": "earl:cantTell",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_4.1.1",
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "H74 can be used to check for closing tag",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:general/G134",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:general/G192",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:html/H88",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:html/H74",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:failures/F70",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ },
+ {
+ "earl:test": "WCAG2xTech:failures/F77",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_4.1.2 Name, Role, Value (Level A)",
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "4.1.1 should pass this criteria also; goes with Info and relationships",
+ "earl:result": [{
+ "earl:test": "WCAG2xTech:html/H88",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject"
+ }],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "@id": "_:sc_4.1.3 Status Messages (Level AA)",
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "This is applicable for interactive elements only or can be used when alerts are dsplayed dynamically",
+ "earl:result": [],
+ "advisory": [
+ "WCAG21Tech:aria/ARIA18",
+ "WCAG21Tech:client-side-script/SCR14"
+ ],
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ }
+ ]
+}
diff --git a/common/alignment/alignment-en.html b/common/alignment/alignment-en.html
index d4d3d6867c..c3fc6ce786 100644
--- a/common/alignment/alignment-en.html
+++ b/common/alignment/alignment-en.html
@@ -3,7 +3,7 @@
"title": "GCWeb Alignment example",
"language": "en",
"altLangPage": "alignment-fr.html",
- "dateModified": "2023-06-19"
+ "dateModified": "2024-12-05"
}
---
@@ -30,7 +30,7 @@
Code
Center content blocks center-block
-
+
Code
diff --git a/common/alignment/alignment-fr.html b/common/alignment/alignment-fr.html
index fd92aa5a76..f9292b0952 100644
--- a/common/alignment/alignment-fr.html
+++ b/common/alignment/alignment-fr.html
@@ -3,7 +3,7 @@
"title": "Alignement",
"language": "fr",
"altLangPage": "alignment-en.html",
- "dateModified": "2023-06-19"
+ "dateModified": "2024-12-05"
}
---
@@ -30,7 +30,7 @@
Code
Centrer des blocs de contenu (center-block
)
-
+
Code
diff --git a/common/button/button-fr.html b/common/button/button-fr.html
index ce12cc9206..62120ec0db 100644
--- a/common/button/button-fr.html
+++ b/common/button/button-fr.html
@@ -4,7 +4,7 @@
"language": "fr",
"altLangPage": "button-en.html",
"description": "Page des boutons comprenant des exemples de travail pour tester l'apparence et le fonctionnement de divers styles de boutons.",
- "dateModified": "2023-09-01"
+ "dateModified": "2024-07-11"
}
---
@@ -86,7 +86,7 @@
Exemple de travail
Lien
Ancre <a>
sous forme de bouton
-
Code sample
+
Exemple de code
// Défaut:
<button type="button" class="btn btn-default ">
@@ -342,7 +342,7 @@ Example de Travail
-Code sample
+Exemple de code
// Barres à outils:
<div class="btn-toolbar " role="toolbar" aria-label="Barres à outils avec groupes de boutons">
<div class="btn-group" role="group" aria-label="Premier groupe">
diff --git a/common/button/index.json-ld b/common/button/index.json-ld
index 984d444844..e43c27424b 100644
--- a/common/button/index.json-ld
+++ b/common/button/index.json-ld
@@ -29,6 +29,28 @@
"language": "fr",
"path": "button-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #3 - Buttons",
+ "language": "en",
+ "path": "reports/a11y-3-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #3 - Boutons",
+ "language": "fr",
+ "path": "reports/a11y-3-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #4 - Buttons",
+ "language": "en",
+ "path": "reports/a11y-4-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #4 - Boutons",
+ "language": "fr",
+ "path": "reports/a11y-4-fr.html"
+ }
]
}
}
diff --git a/common/button/reports/a11y-3-en.html b/common/button/reports/a11y-3-en.html
new file mode 100644
index 0000000000..f8b83fb4f5
--- /dev/null
+++ b/common/button/reports/a11y-3-en.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Accessibility assessment #3 - Buttons",
+ "language": "en",
+ "description": "Evaluation of the button elements to ensure they meet the new Success Criteria at Level A and Level AA of WCAG 2.1",
+ "tag": "buttons",
+ "parentdir": "buttons",
+ "parentPage": "Buttons",
+ "parentPageURL": "buttons",
+ "altLangPage": "a11y-3-fr.html",
+ "dateModified": "2023-09-26",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "a11y-3.json"
+}
+---
diff --git a/common/button/reports/a11y-3-fr.html b/common/button/reports/a11y-3-fr.html
new file mode 100644
index 0000000000..3e8e7a12e0
--- /dev/null
+++ b/common/button/reports/a11y-3-fr.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Assessment d'accessibilité #3 - Boutons",
+ "language": "fr",
+ "description": "Évaluation des éléments du bouton pour s'assurer qu'ils répondent aux nouveaux critères de réussite aux niveaux A et AA des WCAG 2.1",
+ "tag": "buttons",
+ "parentdir": "buttons",
+ "parentPage": "Boutons",
+ "parentPageURL": "buttons",
+ "altLangPage": "a11y-3-en.html",
+ "dateModified": "2023-09-26",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "a11y-3.json"
+}
+---
diff --git a/common/button/reports/a11y-3.json b/common/button/reports/a11y-3.json
new file mode 100644
index 0000000000..d7941abee3
--- /dev/null
+++ b/common/button/reports/a11y-3.json
@@ -0,0 +1,441 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/assessment-report-en.json-ld",
+
+ "@type": [ "earl:Assertion", "acr:AssessmentReport" ],
+
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/common/button/button-en.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "Evaluation of the buttons page whose purpose is to test all button related elements, if they are aligned with our design and are compliant to our accessibility guideline when used as is without any special customization.",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": ""
+ }
+ },
+
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": ["earl:Assertor", "foaf:Organization"],
+ "earl:mainAssertor": {
+ "foaf:name": "Brahim Mahadi Wachilli (Github: @BrahimMahadi)",
+ "foaf:homepage": "https://github.com/BrahimMahadi",
+ "@type": ["earl:Assertor", "foaf:Person"]
+ }
+ },
+
+ "dct:date": "2023-09-26",
+ "dct:description": "Analyzing and exploring the subject and produce an evaluation of all WCAG 2.1 SC at level AA.",
+ "acr:involvesExpertise": [],
+
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+
+ "earl:result": [
+ {
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ }
+ ]
+}
diff --git a/common/button/reports/a11y-4-en.html b/common/button/reports/a11y-4-en.html
new file mode 100644
index 0000000000..3fa4a2fb67
--- /dev/null
+++ b/common/button/reports/a11y-4-en.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Accessibility assessment #4 - Buttons",
+ "language": "en",
+ "description": "Evaluation of the button elements to ensure they meet the new Success Criteria at Level A and Level AA of WCAG 2.1",
+ "tag": "buttons",
+ "parentdir": "buttons",
+ "parentPage": "Buttons",
+ "parentPageURL": "buttons",
+ "altLangPage": "a11y-4-fr.html",
+ "dateModified": "2024-03-28",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "a11y-4.json"
+}
+---
diff --git a/common/button/reports/a11y-4-fr.html b/common/button/reports/a11y-4-fr.html
new file mode 100644
index 0000000000..2e8e900f8a
--- /dev/null
+++ b/common/button/reports/a11y-4-fr.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Assessment d'accessibilité #4 - Boutons",
+ "language": "fr",
+ "description": "Évaluation des éléments du bouton pour s'assurer qu'ils répondent aux nouveaux critères de réussite aux niveaux A et AA des WCAG 2.1",
+ "tag": "buttons",
+ "parentdir": "buttons",
+ "parentPage": "Boutons",
+ "parentPageURL": "buttons",
+ "altLangPage": "a11y-4-en.html",
+ "dateModified": "2024-03-28",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "a11y-4.json"
+}
+---
diff --git a/common/button/reports/a11y-4.json b/common/button/reports/a11y-4.json
new file mode 100644
index 0000000000..8078e3224c
--- /dev/null
+++ b/common/button/reports/a11y-4.json
@@ -0,0 +1,620 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/assessment-report-en.json-ld",
+ "@type": [
+ "earl:Assertion",
+ "acr:AssessmentReport"
+ ],
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/common/button/button-en.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": "main"
+ }
+ },
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": [
+ "earl:Assertor",
+ "foaf:Organization"
+ ],
+ "earl:mainAssertor": {
+ "foaf:name": "AtlakM (Github: @AtlakM)",
+ "foaf:homepage": "https://github.com/AtlakM",
+ "@type": [
+ "earl:Assertor",
+ "foaf:Person"
+ ]
+ }
+ },
+ "dct:date": "2024-03-28",
+ "dct:description": "Analyzing and exploring the subject and produce an evaluation of all WCAG 2.1 SC at level AA.",
+ "acr:involvesExpertise": [],
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+ "earl:result": [
+ {
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:failed",
+ "dct:description": "Button \" \nLink \n\nfails",
+ "earl:mode": "earl:automatic",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ],
+ "earl:result": [],
+ "acr:asset": [],
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "selected": ""
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:failed",
+ "dct:description": " \n\nMissing label",
+ "earl:mode": "earl:automatic",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ],
+ "earl:result": [],
+ "acr:asset": [],
+ "acr:severity": "acr:serious",
+ "acr:relevancy": "acr:failure",
+ "selected": ""
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "act:rules/automated/axe_core",
+ "earl:subject": "_:subject",
+ "earl:result": [],
+ "acr:asset": [
+ {
+ "@type": "@json",
+ "@value": "[\n {\n \"id\": \"color-contrast\",\n \"impact\": \"serious\",\n \"tags\": [\n \"cat.color\",\n \"wcag2aa\",\n \"wcag143\"\n ],\n \"description\": \"Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds\",\n \"help\": \"Elements must have sufficient color contrast\",\n \"helpUrl\": \"https://dequeuniversity.com/rules/axe/4.2/color-contrast?application=axeAPI\",\n \"nodes\": [\n {\n \"any\": [\n {\n \"id\": \"color-contrast\",\n \"data\": {\n \"fgColor\": \"#7689a1\",\n \"bgColor\": \"#f1f2f3\",\n \"contrastRatio\": 3.2,\n \"fontSize\": \"12.0pt (16px)\",\n \"fontWeight\": \"normal\",\n \"expectedContrastRatio\": \"4.5:1\"\n },\n \"relatedNodes\": [\n {\n \"html\": \"Button \",\n \"target\": [\n \".disabled.btn-default[type=\\\"button\\\"]\"\n ]\n },\n {\n \"html\": \"\",\n \"target\": [\n \"body\"\n ]\n }\n ],\n \"impact\": \"serious\",\n \"message\": \"Element has insufficient color contrast of 3.2 (foreground color: #7689a1, background color: #f1f2f3, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1\"\n }\n ],\n \"all\": [],\n \"none\": [],\n \"impact\": \"serious\",\n \"html\": \"Button \",\n \"target\": [\n \".disabled.btn-default[type=\\\"button\\\"]\"\n ],\n \"failureSummary\": \"Fix any of the following:\\n Element has insufficient color contrast of 3.2 (foreground color: #7689a1, background color: #f1f2f3, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1\"\n },\n {\n \"any\": [\n {\n \"id\": \"color-contrast\",\n \"data\": {\n \"fgColor\": \"#7689a1\",\n \"bgColor\": \"#f1f2f3\",\n \"contrastRatio\": 3.2,\n \"fontSize\": \"12.0pt (16px)\",\n \"fontWeight\": \"normal\",\n \"expectedContrastRatio\": \"4.5:1\"\n },\n \"relatedNodes\": [\n {\n \"html\": \"Link \",\n \"target\": [\n \".disabled[href=\\\"\\\\#\\\"][role=\\\"button\\\"]\"\n ]\n },\n {\n \"html\": \"\",\n \"target\": [\n \"body\"\n ]\n }\n ],\n \"impact\": \"serious\",\n \"message\": \"Element has insufficient color contrast of 3.2 (foreground color: #7689a1, background color: #f1f2f3, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1\"\n }\n ],\n \"all\": [],\n \"none\": [],\n \"impact\": \"serious\",\n \"html\": \"Link \",\n \"target\": [\n \".disabled[href=\\\"\\\\#\\\"][role=\\\"button\\\"]\"\n ],\n \"failureSummary\": \"Fix any of the following:\\n Element has insufficient color contrast of 3.2 (foreground color: #7689a1, background color: #f1f2f3, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1\"\n }\n ]\n },\n {\n \"id\": \"label\",\n \"impact\": \"critical\",\n \"tags\": [\n \"cat.forms\",\n \"wcag2a\",\n \"wcag412\",\n \"wcag131\",\n \"section508\",\n \"section508.22.n\",\n \"ACT\"\n ],\n \"description\": \"Ensures every form element has a label\",\n \"help\": \"Form elements must have labels\",\n \"helpUrl\": \"https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI\",\n \"nodes\": [\n {\n \"any\": [\n {\n \"id\": \"implicit-label\",\n \"data\": null,\n \"relatedNodes\": [],\n \"impact\": \"critical\",\n \"message\": \"Form element does not have an implicit (wrapped) \"\n },\n {\n \"id\": \"explicit-label\",\n \"data\": null,\n \"relatedNodes\": [],\n \"impact\": \"critical\",\n \"message\": \"Form element does not have an explicit \"\n },\n {\n \"id\": \"aria-label\",\n \"data\": null,\n \"relatedNodes\": [],\n \"impact\": \"serious\",\n \"message\": \"aria-label attribute does not exist or is empty\"\n },\n {\n \"id\": \"aria-labelledby\",\n \"data\": null,\n \"relatedNodes\": [],\n \"impact\": \"serious\",\n \"message\": \"aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\"\n },\n {\n \"id\": \"non-empty-title\",\n \"data\": {\n \"messageKey\": \"noAttr\"\n },\n \"relatedNodes\": [],\n \"impact\": \"serious\",\n \"message\": \"Element has no title attribute\"\n },\n {\n \"id\": \"non-empty-placeholder\",\n \"data\": {\n \"messageKey\": \"noAttr\"\n },\n \"relatedNodes\": [],\n \"impact\": \"serious\",\n \"message\": \"Element has no placeholder attribute\"\n },\n {\n \"id\": \"presentational-role\",\n \"data\": null,\n \"relatedNodes\": [],\n \"impact\": \"minor\",\n \"message\": \"Element's default semantics were not overridden with role=\\\"none\\\" or role=\\\"presentation\\\"\"\n }\n ],\n \"all\": [],\n \"none\": [],\n \"impact\": \"critical\",\n \"html\": \" \",\n \"target\": [\n \".input-group:nth-child(100) > .form-control[type=\\\"text\\\"]\"\n ],\n \"failureSummary\": \"Fix any of the following:\\n Form element does not have an implicit (wrapped) \\n Form element does not have an explicit \\n aria-label attribute does not exist or is empty\\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\\n Element has no title attribute\\n Element has no placeholder attribute\\n Element's default semantics were not overridden with role=\\\"none\\\" or role=\\\"presentation\\\"\"\n },\n {\n \"any\": [\n {\n \"id\": \"implicit-label\",\n \"data\": null,\n \"relatedNodes\": [],\n \"impact\": \"critical\",\n \"message\": \"Form element does not have an implicit (wrapped) \"\n },\n {\n \"id\": \"explicit-label\",\n \"data\": null,\n \"relatedNodes\": [],\n \"impact\": \"critical\",\n \"message\": \"Form element does not have an explicit \"\n },\n {\n \"id\": \"aria-label\",\n \"data\": null,\n \"relatedNodes\": [],\n \"impact\": \"serious\",\n \"message\": \"aria-label attribute does not exist or is empty\"\n },\n {\n \"id\": \"aria-labelledby\",\n \"data\": null,\n \"relatedNodes\": [],\n \"impact\": \"serious\",\n \"message\": \"aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\"\n },\n {\n \"id\": \"non-empty-title\",\n \"data\": {\n \"messageKey\": \"noAttr\"\n },\n \"relatedNodes\": [],\n \"impact\": \"serious\",\n \"message\": \"Element has no title attribute\"\n },\n {\n \"id\": \"non-empty-placeholder\",\n \"data\": {\n \"messageKey\": \"noAttr\"\n },\n \"relatedNodes\": [],\n \"impact\": \"serious\",\n \"message\": \"Element has no placeholder attribute\"\n },\n {\n \"id\": \"presentational-role\",\n \"data\": null,\n \"relatedNodes\": [],\n \"impact\": \"minor\",\n \"message\": \"Element's default semantics were not overridden with role=\\\"none\\\" or role=\\\"presentation\\\"\"\n }\n ],\n \"all\": [],\n \"none\": [],\n \"impact\": \"critical\",\n \"html\": \" \",\n \"target\": [\n \".input-group:nth-child(101) > .form-control[type=\\\"text\\\"]\"\n ],\n \"failureSummary\": \"Fix any of the following:\\n Form element does not have an implicit (wrapped) \\n Form element does not have an explicit \\n aria-label attribute does not exist or is empty\\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\\n Element has no title attribute\\n Element has no placeholder attribute\\n Element's default semantics were not overridden with role=\\\"none\\\" or role=\\\"presentation\\\"\"\n }\n ]\n },\n {\n \"id\": \"landmark-unique\",\n \"impact\": \"moderate\",\n \"tags\": [\n \"cat.semantics\",\n \"best-practice\"\n ],\n \"help\": \"Ensures landmarks are unique\",\n \"description\": \"Landmarks should have a unique role or role/label/title (i.e. accessible name) combination\",\n \"helpUrl\": \"https://dequeuniversity.com/rules/axe/4.2/landmark-unique?application=axeAPI\",\n \"nodes\": [\n {\n \"any\": [\n {\n \"id\": \"landmark-is-unique\",\n \"data\": {\n \"role\": \"navigation\",\n \"accessibleText\": null\n },\n \"relatedNodes\": [\n {\n \"html\": \"
bg-dark
Set a dark background to an element.
@@ -302,4 +304,18 @@ Code sample
<div class="well mrgn-tp-md mrgn-bttm-md bg-dark text-white">
<h5 class="mrgn-tp-md">Heading</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.</p>
- </div>
+</div>
+
+bg-light
+Set a light background to an element.
+Working example
+
+
Heading
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.
+
+
+Code sample
+<div class="bg-light ">
+ <h5>Heading</h5>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.</p>
+</div>
diff --git a/common/colour/colour-fr.html b/common/colour/colour-fr.html
index 323b3c19e4..7739ae05a3 100644
--- a/common/colour/colour-fr.html
+++ b/common/colour/colour-fr.html
@@ -8,6 +8,8 @@
}
---
+
+
Cette page présente les fonctionnalités de l'utilitaire wet-boew, y compris certaines intégrations de Bootstrap 4 telles que: bg-primary
, text-center
, text-white
et d'autres.
Veuillez noter que certaines classes Bootstrap 4 rétroportées ont été ajustées pour suivre les points d'arrêt de vue de Bootstrap 3.4. Par exemple, la largeur minimale de la petite vue (sm
) est de 768px dans Bootstrap 3.4, par opposition à 576px dans Bootstrap 4.
@@ -261,20 +263,20 @@ Exemple de code
<h5 class="mrgn-tp-md">Titre</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.</p>
</div>
- </div>
+</div>
- bg-gctheme
- définir l'arrière-plan du gctheme
- Exemple
-
-
Titre
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.
-
- Exemple de code
- <div class="bg-gctheme text-white well mrgn-tp-md mrgn-bttm-md">
- <h5 class="mrgn-tp-md">Titre</h5>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.</p>
- </div>
+bg-gctheme
+définir l'arrière-plan du gctheme
+Exemple
+
+
Titre
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.
+
+Exemple de code
+<div class="bg-gctheme text-white well mrgn-tp-md mrgn-bttm-md">
+ <h5 class="mrgn-tp-md">Titre</h5>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.</p>
+</div>
bg-darker
Définissez un arrière-plan noir sur un élément.
@@ -288,7 +290,7 @@ Exemple de code
<div class="well mrgn-tp-md mrgn-bttm-md bg-darker text-white">
<h5 class="mrgn-tp-md">Titre</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.</p>
- </div>
+</div>
bg-dark
Définissez un arrière-plan sombre sur un élément.
@@ -302,4 +304,18 @@ Exemple de code
<div class="well mrgn-tp-md mrgn-bttm-md bg-dark text-white">
<h5 class="mrgn-tp-md">Titre</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.</p>
- </div>
+</div>
+
+bg-light
+Définissez un arrière-plan pâle sur un élément.
+Exemple
+
+
Titre
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.
+
+
+Exemple de code
+<div class="bg-light ">
+ <h5>Titre</h5>
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ante nulla, condimentum at mollis et, scelerisque quis dolor. Suspendisse viverra in ante id consequat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce sodales ipsum vitae faucibus iaculis. Nulla in blandit dolor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean non interdum sapien. Nunc non volutpat dui, in malesuada justo. Etiam feugiat accumsan pulvinar. Quisque blandit est in placerat finibus. Sed et ullamcorper velit. Nullam euismod iaculis ligula sit amet consequat. Aenean luctus quis nisi nec feugiat.</p>
+</div>
diff --git a/common/list/_lists.scss b/common/list/_lists.scss
new file mode 100644
index 0000000000..add43a44bc
--- /dev/null
+++ b/common/list/_lists.scss
@@ -0,0 +1,188 @@
+/*
+ *
+ * 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: Lists
+ *
+ */
+
+/*
+ * List responsive style
+ *
+ * It has variant defined for some specific views
+ * - views/_screen-lg-min
+ * - views/_screen-xs-max
+ */
+.list-responsive {
+
+ > li {
+ float: left;
+ padding-right: 5px;
+ width: 50%;
+
+ &:nth-child(2n+2) {
+ clear:right;
+ }
+ }
+
+ &:before, &:after {
+ content: " ";
+ display: table;
+ }
+ &:after {
+ clear: both;
+ }
+}
+
+/* Display lists in columns using Flexbox
+ * Add this class to a ul or ol to distribute its items in columns horizontally. Handles up to 4 columns.
+ * It has variants defined for some specific views:
+ * - _screen-sm-min
+ * - _screen-md-min
+ * - _screen-lg-min
+*/
+ul[class*=list-col] {
+ display: flex;
+ flex-wrap: wrap;
+ list-style: none;
+ padding-left: 0;
+ padding-right: 0;
+
+ > li {
+ flex-basis: 100%;
+ flex-grow: 0;
+ flex-shrink: 0;
+ }
+}
+
+/*
+ * this code is fully compatible with the equivalent CSS
+ * in the wet-boew code here: https://github.com/wet-boew/wet-boew/blob/master/src/base/lists/_base.scss
+*/
+ul.list-col-xs-1 > li { flex-basis: 100% }
+ul.list-col-xs-2 > li { flex-basis: 50% }
+ul.list-col-xs-3 > li { flex-basis: 33.33% }
+ul.list-col-xs-4 > li { flex-basis: 25% }
+
+
+div.lst-lwr-alph>ol,
+.lst-lwr-alph {
+ list-style-type: lower-alpha;
+}
+
+div.lst-upr-alph>ol,
+.lst-upr-alph {
+ list-style-type: upper-alpha;
+}
+
+div.lst-lwr-rmn>ol,
+.lst-lwr-rmn {
+ list-style-type: lower-roman;
+}
+
+div.lst-upr-rmn>ol,
+.lst-upr-rmn {
+ list-style-type: upper-roman;
+}
+
+.lst-num {
+ list-style-type: decimal;
+}
+
+div.lst-none>ul,
+.lst-none {
+ list-style-type: none;
+}
+
+
+div.lst-spcd>ul,
+div.lst-spcd>ol,
+ol.lst-spcd,
+ul.lst-spcd {
+ > {
+ li {
+ margin-bottom: 10px;
+ }
+ }
+
+ ul,
+ ol {
+ margin-top: 10px;
+ }
+}
+
+/* Double space list items
+ * Might worth to publish it upstream here instead: https://github.com/wet-boew/wet-boew/blob/master/src/base/lists/_base.scss#L30
+ */
+div.lst-spcd-2>ul,
+div.lst-spcd-2>ol,
+ul.lst-spcd-2,
+ol.lst-spcd-2
+{
+ > {
+ li {
+ margin-bottom: 20px;
+ }
+ }
+
+ ul,
+ ol {
+ margin-top: 20px;
+ }
+}
+
+
+/*
+ * The CSS for list-unstyled and list-inline classes is adapted from
+ * https://wet-boew.github.io/themes-dist/GCWeb/GCWeb/css/theme.min.css
+ * to address the specific scenario where these styles are applied to a parent div.
+ * This adaptation accommodates edge cases where the styles need to be inherited by the parent element.
+ *
+ * Additional style for list also defined here: https://github.com/twbs/bootstrap-sass/blob/v3.4.3/assets/stylesheets/bootstrap/_type.scss#L146
+ */
+
+div.list-unstyled > ul {
+ list-style: none;
+ padding-left: 0;
+}
+
+div.list-inline > ul {
+ list-style: none;
+ margin-left: -5px;
+ padding-left: 0;
+
+ > li {
+ display: inline-block;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+}
+
+/*
+ * GCWeb/AEM: Custom CSS for list styling via parent .
+ * Accommodates unique AEM scenario for consistent styling.
+ */
+
+div.list-advanced.disc>ul, ul.disc {
+ list-style-type:disc;
+}
+
+div.list-advanced.circle>ul, ul.circle {
+ list-style-type:circle;
+}
+
+div.list-advanced.square>ul, ul.square {
+ list-style-type:square;
+}
+
+/*
+ * Compact list version primarily used for navigation links on navigational page
+ */
+
+ul.compact {
+ li {
+ font-size: $small-size;
+ line-height: 1.5em;
+ }
+}
diff --git a/common/list/index.json-ld b/common/list/index.json-ld
index 45761605dc..b1239d3722 100644
--- a/common/list/index.json-ld
+++ b/common/list/index.json-ld
@@ -39,6 +39,16 @@
"title": "Liste groupé",
"language": "fr",
"path": "list-group-fr.html"
+ },
+ {
+ "title": "Custom list styling using parent div element",
+ "language": "en",
+ "path": "lists-mws-en.html"
+ },
+ {
+ "title": "Style de liste personnalisé à l'aide de l'élément div parent",
+ "language": "fr",
+ "path": "lists-mws-fr.html"
}
]
}
diff --git a/common/list/lists-en.html b/common/list/lists-en.html
index 0963b25895..9ecf061a8c 100644
--- a/common/list/lists-en.html
+++ b/common/list/lists-en.html
@@ -408,3 +408,17 @@
Inline description list
<dt>Term :</dt>
<dd>Short description</dd>
</dl>
+
+
List with compact
utility class
+
Compact list version primarily used for navigation links on navigational page.
+
diff --git a/common/list/lists-fr.html b/common/list/lists-fr.html
index b41618d241..4958a73733 100644
--- a/common/list/lists-fr.html
+++ b/common/list/lists-fr.html
@@ -411,3 +411,17 @@
Liste descriptive en ligne
<dt>Terme :</dt>
<dd>Description courte</dd>
</dl>
+
+
Liste avec classe utilitaire compact
+
Liste compacte utilisée principalement pour des liens navigables sur des pages de navigation.
+
diff --git a/common/list/lists-mws-en.html b/common/list/lists-mws-en.html
new file mode 100644
index 0000000000..085d215af6
--- /dev/null
+++ b/common/list/lists-mws-en.html
@@ -0,0 +1,643 @@
+---
+{
+ "title": "Custom list styling using parent div element",
+ "language": "en",
+ "altLangPage": "lists-mws-fr.html",
+ "dateModified": "2024-04-04",
+ "description":"To accommodate managed web service product requirements regarding the lists, CSS classes must be applied to the parent element."
+}
+---
+
+
To accommodate managed web service product requirements regarding the lists, CSS classes must be applied to the parent element.
+
+
+
Unstyled lists
+
+
Custom markup
+
+
+ List item 1
+ List item 2
+
+ List item 2a
+ List item 2b
+
+
+ List item 3
+
+
+
Unstyled nested list:
+
+ List item 1
+
+
+ List item 2a
+ List item 2b
+
+
+
+ List item 2
+ List item 3
+
+
Code
+
//Unstyled list:
+<div class="list-unstyled" >
+ <ul>
+ <li>...</li>
+ </ul>
+</div>
+//Unstyled nested list:
+<ul>
+ <li>List item 1
+ <div class="lst-none" >
+ <ul>
+ <li>List item 1a</li>
+ <li>List item 1b</li>
+ </ul>
+ </div>
+ </li>
+</ul>
+
+
+
+
Default markup - Recommended
+
+ List item 1
+ List item 2
+
+ List item 2a
+ List item 2b
+
+
+ List item 3
+
+
Unstyled nested list:
+
+ List item 1
+
+ List item 2a
+ List item 2b
+
+
+ List item 2
+ List item 3
+
+
Code
+
//Unstyled list:
+<ul class="list-unstyled" >
+ <li>...</li>
+</ul>
+//Unstyled nested list:
+<ul>
+ <li>List item 1
+ <ul class="lst-none" >
+ <li>List item 1a</li>
+ <li>List item 1b</li>
+ </ul>
+ </li>
+</ul>
+
+
+
+
+
+
Alpha lists − Lower alpha
+
+
Custom markup
+
+ List item 1
+
+ List item 2
+
+
+ List item 2a
+ List item 2b
+
+
+
+ List item 3
+
+
Code
+
<ol>
+ <li>...
+ <div class="lst-lwr-alph" >
+ <ol>
+ <li>...</li>
+ </ol>
+ </div>
+ </li>
+ <li>...</li>
+</ol>
+
+
+
Default markup - Recommended
+
+ List item 1
+
+ List item 2
+
+ List item 2a
+ List item 2b
+
+
+ List item 3
+
+
Code
+
<ol>
+ <li>...
+ <ol class="lst-lwr-alph" >
+ <li>...</li>
+ </ol>
+ </li>
+ <li>...</li>
+</ol>
+
+
+
+
Alpha lists − Upper alpha
+
+
Custom markup
+
+
+ List item 1
+
+ List item 2
+
+ List item 2a
+ List item 2b
+
+
+ List item 3
+
+
+
Code
+
<div class="lst-upr-alph" >
+ <ol>
+ <li>...
+ <ol>
+ <li>...</li>
+ </ol>
+ </li>
+ <li>...</li>
+ </ol>
+<div>
+
+
+
Default markup - Recommended
+
+ List item 1
+
+ List item 2
+
+ List item 2a
+ List item 2b
+
+
+ List item 3
+
+
Code
+
<ol class="lst-upr-alph" >
+ <li>...
+ <ol>
+ <li>...</li>
+ </ol>
+ </li>
+ <li>...</li>
+</ol>
+
+
+
+
Roman numeral − Lower Roman
+
+
Custom markup
+
+ List item 1
+
+ List item 2
+
+
+ List item 2a
+ List item 2b
+
+
+
+ List item 3
+
+
Code
+
<ol>
+ <li>...
+ <div class="lst-lwr-rmn" >
+ <ol>
+ <li>...</li>
+ </ol>
+ </div>
+ </li>
+ <li>...</li>
+</ol>
+
+
+
Default markup - Recommended
+
+ List item 1
+
+ List item 2
+
+ List item 2a
+ List item 2b
+
+
+ List item 3
+
+
Code
+
<ol>
+ <li>...
+ <ol class="lst-lwr-rmn" >
+ <li>...</li>
+ </ol>
+ </li>
+ <li>...</li>
+</ol>
+
+
+
+
Roman numeral − Upper Roman
+
+
Custom markup
+
+
+ List item 1
+
+ List item 2
+
+ List item 2a
+ List item 2b
+
+
+ List item 3
+
+
+
Code
+
<div class="lst-upr-rmn" >
+ <ol>
+ <li>...</li>
+ <li>
+ <ol>
+ <li>...</li>
+ </ol>
+ </li>
+ <li>...</li>
+ </ol>
+<div>
+
+
+
Default markup - Recommended
+
+ List item 1
+
+ List item 2
+
+ List item 2a
+ List item 2b
+
+
+ List item 3
+
+
Code
+
<ol class="lst-upr-rmn" >
+ <li>...</li>
+ <li>
+ <ol>
+ <li>...</li>
+ </ol>
+ </li>
+ <li>...</li>
+</ol>
+
+
+
+
List inline
+
+
Custom markup
+
+
+ List item 1
+ List item 2
+ List item 3
+
+
+
Code
+
<div class="list-inline" >
+ <ul>
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+</div>
+
+
+
Default markup - Recommended
+
+ List item 1
+ List item 2
+ List item 3
+
+
Code
+
<ul class="list-inline" >
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+</ul>
+
+
+
+
Spacing lists - spaces added
+
+
Custom markup
+
+
+ List item 1
+ List item 2
+ List item 3
+
+
+
+
+ List item 1
+ List item 2
+ List item 3
+
+
+
Code
+
// Spaced list:
+<div class="lst-spcd" >
+ <ul>
+ <li>List item 1</li>
+ <li>List item 2</li>
+ <li>List item 3</li>
+ </ul>
+</div>
+<div class="lst-spcd" >
+ <ol>
+ <li>List item 1</li>
+ <li>List item 2</li>
+ <li>List item 3</li>
+ </ol>
+</div>
+
+
+
+
Default markup - Recommended
+
+ List item 1
+ List item 2
+ List item 3
+
+
+ List item 1
+ List item 2
+ List item 3
+
+
Code
+
// Spaced list:
+<ul class="lst-spcd" >
+ <li>List item 1</li>
+ <li>List item 2</li>
+ <li>List item 3</li>
+</ul>
+<ol class="lst-spcd" >
+ <li>List item 1</li>
+ <li>List item 2</li>
+ <li>List item 3</li>
+</ol>
+
+
+
+
List double spaced .lst-spcd-2
+
+
Custom markup
+
+
+ Item
+ Item
+ Item
+ Item
+ Item
+
+
+
+
+ Item
+ Item
+ Item
+ Item
+ Item
+
+
+
Code
+
<div class="lst-spcd-2" >
+ <ul>
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+ </ul>
+</div>
+<div class="lst-spcd-2" >
+ <ol>
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+ </ol>
+</div>
+
+
+
Default markup - Recommended
+
+ Item
+ Item
+ Item
+ Item
+ Item
+
+
+ Item
+ Item
+ Item
+ Item
+ Item
+
+
Code
+
<ul class="lst-spcd-2" >
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+</ul>
+<ol class="lst-spcd-2" >
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+ <li>Item</li>
+</ol>
+
+
+
+
+
+
Custom bullet style for unordered list
+
+
Disc styled by its parent container
+
+ Level 1- List item 1
+
+
+
+ Level 2 - List item 1
+
+ Level 3 - List item 1
+ Level 3 - List item 2
+ Level 3 - List item 3
+
+
+ Level 2 - List item 2
+ Level 2 - List item 3
+
+
+
+ Level 1 - List item 2
+ Level 1 - List item 3
+
+
Code
+
<ul class="lst-none">
+ <li>...
+ <div class="list-advanced disc" >
+ <ul>
+ <li>...
+ <ul>
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+ </li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+ <div>
+ </li>
+</ul>
+
+
+
Disc - Recommended
+
+
+ Level 1- List item 1
+
+
+ Level 2 - List item 1
+
+ Level 3 - List item 1
+ Level 3 - List item 2
+ Level 3 - List item 3
+
+
+ Level 2 - List item 2
+ Level 2 - List item 3
+
+
+ Level 1 - List item 2
+ Level 1 - List item 3
+
+
Code
+
<ul class="lst-none">
+ <li>...
+ <ul class="disc" >
+ <li>...
+ <ul>
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+ </li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+ </li>
+ <li>...</li>
+ <li>...</li>
+ </li>
+</ul>
+
+
+
+
+
Circle styled by its parent container
+
+
+ List item 1
+ List item 2
+ List item 3
+
+
+
Code
+
<div class="list-advanced circle" >
+ <ul>
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+<div>
+
+
+
Circle - Recommended
+
+ List item 1
+ List item 2
+ List item 3
+
+
Code
+
<ul class="circle" >
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+</ul>
+
+
+
+
+
Square styled by its parent container
+
+
+ List item 1
+ List item 2
+ List item 3
+
+
+
Code
+
<div class="list-advanced square" >
+ <ul>
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+<div>
+
+
+
Square - Recommended
+
+ List item 1
+ List item 2
+ List item 3
+
+
Code
+
<ul class="square" >
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+</ul>
+
+
diff --git a/common/list/lists-mws-fr.html b/common/list/lists-mws-fr.html
new file mode 100644
index 0000000000..051879e0d9
--- /dev/null
+++ b/common/list/lists-mws-fr.html
@@ -0,0 +1,537 @@
+---
+{
+ "title": "Style de liste personnalisé à l'aide de l'élément div parent",
+ "language": "fr",
+ "altLangPage": "lists-mws-en.html",
+ "dateModified": "2024-04-04",
+ "description": "Pour répondre aux exigences des produits de service Web gérés, concernant les listes, les classes CSS doivent être appliquées à l'élément parent."
+}
+---
+
+
Pour répondre aux exigences des produits de service Web gérés, concernant les listes, les classes CSS doivent être appliquées à l'élément parent.
+
+
+
Listes non stylisées
+
+
Balisage personnalisé
+
+
+ Élément de liste 1
+ Élément de liste 2
+
+ Élément de liste 2a
+ Élément de liste 2b
+
+
+ Élément de liste 3
+
+
+
Liste imbriquée non stylisée :
+
+ Élément de liste 1
+
+
+ Élément de liste 2a
+ Élément de liste 2b
+
+
+
+ Élément de liste 2
+ Élément de liste 3
+
+
Code
+
// Liste non stylisée :
+<div class="list-unstyled" >
+ <ul>
+ <li>...</li>
+ </ul>
+</div>
+// Liste imbriquée non stylisée :
+<ul>
+ <li>Élément de liste 1
+ <div class="lst-none" >
+ <ul>
+ <li>Élément de liste 1a</li>
+ <li>Élément de liste 1b</li>
+ </ul>
+ </div>
+ </li>
+</ul>
+
+
+
+
Balisage par défaut - Recommandé
+
+ Élément de liste 1
+ Élément de liste 2
+
+ Élément de liste 2a
+ Élément de liste 2b
+
+
+ Élément de liste 3
+
+
Liste imbriquée non stylisée :
+
+ Élément de liste 1
+
+ Élément de liste 2a
+ Élément de liste 2b
+
+
+ Élément de liste 2
+ Élément de liste 3
+
+
Code
+
// Liste non stylisée :
+<ul class="list-unstyled" >
+ <li>...</li>
+</ul>
+// Liste imbriquée non stylisée :
+<ul>
+ <li>Élément de liste 1
+ <ul class="lst-none" >
+ <li>Élément de liste 1a</li>
+ <li>Élément de liste 1b</li>
+ </ul>
+ </li>
+</ul>
+
+
+
+
+
Listes alphabétiques − Lettre minuscule
+
+
Balisage personnalisé
+
+ Élément de liste 1
+
+ Élément de liste 2
+
+
+ Élément de liste 2a
+ Élément de liste 2b
+
+
+
+ Élément de liste 3
+
+
Code
+
<ol>
+ <li>...
+ <div class="lst-lwr-alph" >
+ <ol>
+ <li>...</li>
+ </ol>
+ </div>
+ </li>
+ <li>...</li>
+</ol>
+
+
+
Balisage par défaut - Recommandé
+
+ Élément de liste 1
+
+ Élément de liste 2
+
+ Élément de liste 2a
+ Élément de liste 2b
+
+
+ Élément de liste 3
+
+
Code
+
<ol>
+ <li>...
+ <ol class="lst-lwr-alph" >
+ <li>...</li>
+ </ol>
+ </li>
+ <li>...</li>
+</ol>
+
+
+
+
Listes alphabétiques − Lettre majuscule
+
+
Balisage personnalisé
+
+
+ Élément de liste 1
+
+ Élément de liste 2
+
+ Élément de liste 2a
+ Élément de liste 2b
+
+
+ Élément de liste 3
+
+
+
Code
+
<div class="lst-upr-alph" >
+ <ol>
+ <li>...</li>
+ <li>
+ <ol>
+ <li>...</li>
+ </ol>
+ </li>
+ <li>...</li>
+ </ol>
+<div>
+
+
+
Balisage par défaut - Recommandé
+
+ Élément de liste 1
+
+ Élément de liste 2
+
+ Élément de liste 2a
+ Élément de liste 2b
+
+
+ Élément de liste 3
+
+
Code
+
<ol class="lst-upr-alph" >
+ <li>...</li>
+ <li>
+ <ol>
+ <li>...</li>
+ </ol>
+ </li>
+ <li>...</li>
+</ol>
+
+
+
+
Liste en ligne
+
+
Balisage personnalisé
+
+
+ Élément de liste 1
+ Élément de liste 2
+ Élément de liste 3
+
+
+
Code
+
<div class="list-inline" >
+ <ul>
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+</div>
+
+
+
Balisage par défaut - Recommandé
+
+ Élément de liste 1
+ Élément de liste 2
+ Élément de liste 3
+
+
Code
+
<ul class="list-inline" >
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+</ul>
+
+
+
+
Liste avec espacement - espaces ajoutés
+
+
Balisage personnalisé
+
+
+ Élément de liste 1
+ Élément de liste 2
+ Élément de liste 3
+
+
+
+
+ Élément de liste 1
+ Élément de liste 2
+ Élément de liste 3
+
+
+
Code
+
// Liste avec espacement :
+<div class="lst-spcd" >
+ <ul>
+ <li>Élément de liste 1</li>
+ <li>Élément de liste 2</li>
+ <li>Élément de liste 3</li>
+ </ul>
+</div>
+<div class="lst-spcd" >
+ <ol>
+ <li>Élément de liste 1</li>
+ <li>Élément de liste 2</li>
+ <li>Élément de liste 3</li>
+ </ol>
+</div>
+
+
+
+
Balisage par défaut - Recommandé
+
+ Élément de liste 1
+ Élément de liste 2
+ Élément de liste 3
+
+
+ Élément de liste 1
+ Élément de liste 2
+ Élément de liste 3
+
+
Code
+
// Liste avec espacement :
+<ul class="lst-spcd" >
+ <li>Élément de liste 1</li>
+ <li>Élément de liste 2</li>
+ <li>Élément de liste 3</li>
+</ul>
+<ol class="lst-spcd" >
+ <li>Élément de liste 1</li>
+ <li>Élément de liste 2</li>
+ <li>Élément de liste 3</li>
+</ol>
+
+
+
+
Liste doublement espacée .lst-spcd-2
+
+
Balisage personnalisé
+
+
+ Élément
+ Élément
+ Élément
+ Élément
+ Élément
+
+
+
+
+ Élément
+ Élément
+ Élément
+ Élément
+ Élément
+
+
+
Code
+
<div class="lst-spcd-2" >
+ <ul>
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+ </ul>
+</div>
+<div class="lst-spcd-2" >
+ <ol>
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+ </ol>
+</div>
+
+
+
Balisage par défaut - Recommandé
+
+ Élément
+ Élément
+ Élément
+ Élément
+ Élément
+
+
+ Élément
+ Élément
+ Élément
+ Élément
+ Élément
+
+
Code
+
<ul class="lst-spcd-2" >
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+</ul>
+<ol class="lst-spcd-2" >
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+ <li>Élément</li>
+</ol>
+
+
+
+
+
Style de puce personnalisé pour liste non ordonnée
+
+
Disque stylé par son conteneur parent
+
+ Niveau 1 - Élément de liste 1
+
+
+
+ Niveau 2 - Élément de liste 1
+
+ Niveau 3 - Élément de liste 1
+ Niveau 3 - Élément de liste 2
+ Niveau 3 - Élément de liste 3
+
+
+ Niveau 2 - Élément de liste 2
+ Niveau 2 - Élément de liste 3
+
+
+
+ Niveau 1 - Élément de liste 2
+ Niveau 1 - Élément de liste 3
+
+
Code
+
<ul class="lst-none">
+ <li>...
+ <div class="list-advanced disc" >
+ <ul>
+ <li>...
+ <ul>
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+ </li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+ <div>
+ </li>
+</ul>
+
+
+
+
Disque - Recommandé
+
+
+ Niveau 1 - Élément de liste 1
+
+
+ Niveau 2 - Élément de liste 1
+
+ Niveau 3 - Élément de liste 1
+ Niveau 3 - Élément de liste 2
+ Niveau 3 - Élément de liste 3
+
+
+ Niveau 2 - Élément de liste 2
+ Niveau 2 - Élément de liste 3
+
+
+ Niveau 1 - Élément de liste 2
+ Niveau 1 - Élément de liste 3
+
+
Code
+
<ul class="lst-none">
+ <li>...
+ <ul class="disc" >
+ <li>...
+ <ul>
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+ </li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+ </li>
+ <li>...</li>
+ <li>...</li>
+ </li>
+</ul>
+
+
+
+
+
+
Style de cercle par son conteneur parent
+
+
+ Élément de liste 1
+ Élément de liste 2
+ Élément de liste 3
+
+
+
Code
+
<div class="list-advanced circle" >
+ <ul>
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+<div>
+
+
+
Cercle - Recommandé
+
+ Élément de liste 1
+ Élément de liste 2
+ Élément de liste 3
+
+
Code
+
<ul class="circle" >
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+</ul>
+
+
+
+
+
Style de carré par son conteneur parent
+
+
+ Élément de liste 1
+ Élément de liste 2
+ Élément de liste 3
+
+
+
Code
+
<div class="list-advanced square" >
+ <ul>
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+ </ul>
+<div>
+
+
+
Carré - Recommandé
+
+ Élément de liste 1
+ Élément de liste 2
+ Élément de liste 3
+
+
Code
+
<ul class="square" >
+ <li>...</li>
+ <li>...</li>
+ <li>...</li>
+</ul>
+
+
diff --git a/common/main-container/index.json-ld b/common/main-container/index.json-ld
new file mode 100644
index 0000000000..6eae85277d
--- /dev/null
+++ b/common/main-container/index.json-ld
@@ -0,0 +1,67 @@
+{
+ "@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": "Main Container",
+ "fr": "Conteneur Principal"
+ },
+ "description": {
+ "en": "Main Container with alternate tags.",
+ "fr": "Conteneur principal avec des balises alternatives."
+ },
+ "modified": "2023-07-05",
+ "componentName": "main-container",
+ "processing": "baseline",
+ "status": "stable",
+ "pages": {
+ "examples": [
+ {
+ "title": "Main Container",
+ "language": "en",
+ "path": "maincontainer-en.html"
+ },
+ {
+ "title": "Conteneur Principal",
+ "language": "fr",
+ "path": "maincontainer-fr.html"
+ },
+ {
+ "title": "Main Container with article",
+ "language": "en",
+ "path": "maincontainer-article-en.html"
+ },
+ {
+ "title": "Conteneur Principal avec article",
+ "language": "fr",
+ "path": "maincontainer-article-fr.html"
+ },
+ {
+ "title": "Main Container with section",
+ "language": "en",
+ "path": "maincontainer-section-en.html"
+ },
+ {
+ "title": "Conteneur Principal avec section",
+ "language": "fr",
+ "path": "maincontainer-section-fr.html"
+ }
+ ],
+ "reports": [
+ {
+ "title": "Pre Accessibility assessment #1 - Main Container",
+ "language": "en",
+ "path": "reports/pre-a11y-1-en.html"
+ },
+ {
+ "title": "Pre Assessment d'accessibilité #1 - Conteneur Principal",
+ "language": "fr",
+ "path": "reports/pre-a11y-1-fr.html"
+ }
+ ]
+ }
+}
diff --git a/common/main-container/maincontainer-article-en.html b/common/main-container/maincontainer-article-en.html
new file mode 100644
index 0000000000..290c548763
--- /dev/null
+++ b/common/main-container/maincontainer-article-en.html
@@ -0,0 +1,61 @@
+---
+{
+ "altLangPage": "maincontainer-article-fr.html",
+ "dateModified": "2023-07-04",
+ "description": "Documentation on how to use main container with article.",
+ "language": "en",
+ "title": "Main Container with article",
+ "layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+ {%- if page.titleH1 -%}
+ {{ page.titleH1 }}
+ %- {elsif page.title -%}
+ {{ page.title }}
+ {%- else -%}
+ Page untitled
+ {%- endif -%}
+{%- endcapture -%}
+
+
+
+
+
+
+ Article
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur
+ tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac
+ consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu
+ interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas
+ dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet
+ quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis
+ commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam
+ euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt
+ lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.
+
+
+
+ Code
+
+ <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+ <article>
+ <!-- heading -->
+ <h1>Article</h1>
+
+ <!-- content page -->
+
+ <!-- Page details section [Must be configured as a <footer> element in this situation] -->
+
+ </article>
+ </main>
+
+
+
+
+
+
diff --git a/common/main-container/maincontainer-article-fr.html b/common/main-container/maincontainer-article-fr.html
new file mode 100644
index 0000000000..b13240ff83
--- /dev/null
+++ b/common/main-container/maincontainer-article-fr.html
@@ -0,0 +1,61 @@
+---
+{
+ "altLangPage": "maincontainer-article-en.html",
+ "dateModified": "2023-07-04",
+ "description": "Documentation sur l'utilisation du conteneur principal avec un article.",
+ "language": "fr",
+ "title": "Conteneur Principal avec article",
+ "layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+ {%- if page.titleH1 -%}
+ {{ page.titleH1 }}
+ %- {elsif page.title -%}
+ {{ page.title }}
+ {%- else -%}
+ Page untitled
+ {%- endif -%}
+{%- endcapture -%}
+
+
+
+
+
+
+ Article
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur
+ tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac
+ consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu
+ interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas
+ dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet
+ quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis
+ commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam
+ euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt
+ lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.
+
+
+
+
+ Code
+
+ <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+ <article>
+ <!-- heading -->
+ <h1>Article</h1>
+
+ <!-- contenu de la page -->
+
+ <!-- Section des détails de la page [Doit être configuré comme un élément <footer> dans cette situation] -->
+
+ </article>
+ </main>
+
+
+
+
+
diff --git a/common/main-container/maincontainer-en.html b/common/main-container/maincontainer-en.html
new file mode 100644
index 0000000000..fc425d30ea
--- /dev/null
+++ b/common/main-container/maincontainer-en.html
@@ -0,0 +1,50 @@
+---
+{
+ "altLangPage": "maincontainer-fr.html",
+ "dateModified": "2023-07-04",
+ "description": "Documentation on how to use main container.",
+ "language": "en",
+ "title": "Main Container",
+ "layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+ {%- if page.titleH1 -%}
+ {{ page.titleH1 }}
+ %- {elsif page.title -%}
+ {{ page.title }}
+ {%- else -%}
+ Page untitled
+ {%- endif -%}
+{%- endcapture -%}
+
+
+
+
+
+ Lorem Ipsum
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur tincidunt
+ elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac consectetur.
+ Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu interdum sem lacinia
+ nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas dignissim, lorem pretium
+ facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet quam. Donec consectetur
+ eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis commodo eu eget nisl.
+ Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam euismod. Pellentesque
+ eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt lacus. Proin dictum arcu at leo
+ aliquam placerat. Donec volutpat ornare condimentum.
+
+ Code
+
+ <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+ <!-- heading -->
+ <h1 id="wb-cont">Lorem ipsum</h1>
+
+ <!-- content page -->
+
+ </main>
+
+
diff --git a/common/main-container/maincontainer-fr.html b/common/main-container/maincontainer-fr.html
new file mode 100644
index 0000000000..343490b6a2
--- /dev/null
+++ b/common/main-container/maincontainer-fr.html
@@ -0,0 +1,50 @@
+---
+{
+ "altLangPage": "maincontainer-fr.html",
+ "dateModified": "2023-07-04",
+ "description": "Documentation on how to use main container.",
+ "language": "en",
+ "title": "Conteneur Principal",
+ "layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+ {%- if page.titleH1 -%}
+ {{ page.titleH1 }}
+ %- {elsif page.title -%}
+ {{ page.title }}
+ {%- else -%}
+ Page untitled
+ {%- endif -%}
+{%- endcapture -%}
+
+
+
+
+
+ Lorem Ipsum
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur tincidunt
+ elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac consectetur.
+ Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu interdum sem lacinia
+ nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas dignissim, lorem pretium
+ facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet quam. Donec consectetur
+ eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis commodo eu eget nisl.
+ Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam euismod. Pellentesque
+ eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt lacus. Proin dictum arcu at leo
+ aliquam placerat. Donec volutpat ornare condimentum.
+
+ Code
+
+ <main property="mainContentPage">
+ <!-- heading -->
+ <h1 id="wb-cont">Lorem ipsum</h1>
+
+ <!-- contenu de la page -->
+
+ </main>
+
+
diff --git a/common/main-container/maincontainer-section-en.html b/common/main-container/maincontainer-section-en.html
new file mode 100644
index 0000000000..531f55431e
--- /dev/null
+++ b/common/main-container/maincontainer-section-en.html
@@ -0,0 +1,60 @@
+---
+{
+ "altLangPage": "maincontainer-section-fr.html",
+ "dateModified": "2023-07-04",
+ "description": "Documentation on how to use main container with a section.",
+ "language": "en",
+ "title": "Main Container with section",
+ "layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+ {%- if page.titleH1 -%}
+ {{ page.titleH1 }}
+ %- {elsif page.title -%}
+ {{ page.title }}
+ {%- else -%}
+ Page untitled
+ {%- endif -%}
+{%- endcapture -%}
+
+
+
+
+
+
+ Section
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur
+ tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac
+ consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu
+ interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas
+ dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet
+ quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis
+ commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam
+ euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt
+ lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.
+
+
+
+ Code
+
+ <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+ <section>
+ <!-- heading -->
+ <h1 id="wb-cont">Section</h1>
+
+ <!-- content page -->
+
+ <!-- Page details section [Must be configured as a <footer> element in this situation] -->
+
+ </section>
+ </main>
+
+
+
+
+
diff --git a/common/main-container/maincontainer-section-fr.html b/common/main-container/maincontainer-section-fr.html
new file mode 100644
index 0000000000..5d827365c5
--- /dev/null
+++ b/common/main-container/maincontainer-section-fr.html
@@ -0,0 +1,60 @@
+---
+{
+ "altLangPage": "maincontainer-section-en.html",
+ "dateModified": "2023-07-04",
+ "description": "Documentation sur l'utilisation du conteneur principal avec une section.",
+ "language": "fr",
+ "title": "Conteneur Principal avec section",
+ "layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+ {%- if page.titleH1 -%}
+ {{ page.titleH1 }}
+ %- {elsif page.title -%}
+ {{ page.title }}
+ {%- else -%}
+ Page untitled
+ {%- endif -%}
+{%- endcapture -%}
+
+
+
+
+
+
+ Section
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur
+ tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac
+ consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu
+ interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas
+ dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet
+ quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis
+ commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam
+ euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt
+ lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.
+
+
+
+ Code
+
+ <main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+ <section>
+ <!-- heading -->
+ <h1 id="wb-cont">Section</h1>
+
+ <!-- contenu de la page -->
+
+ <!-- Section des détails de la page [Doit être configuré comme un élément <footer> dans cette situation] -->
+
+ </section>
+ </main>
+
+
+
+
+
diff --git a/common/main-container/reports/pre-a11y-1-en.html b/common/main-container/reports/pre-a11y-1-en.html
new file mode 100644
index 0000000000..d94c62a9bc
--- /dev/null
+++ b/common/main-container/reports/pre-a11y-1-en.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Pre Accessibility assessment #1 - Main Container",
+ "language": "en",
+ "description": "Pre assessment of the Main Container component.",
+ "tag": "footer",
+ "parentdir": "footer",
+ "parentPage": "Footer",
+ "parentPageURL": "footer",
+ "altLangPage": "pre-a11y-1-fr.html",
+ "dateModified": "2023-08-11",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "pre-a11y-1.json"
+}
+---
diff --git a/common/main-container/reports/pre-a11y-1-fr.html b/common/main-container/reports/pre-a11y-1-fr.html
new file mode 100644
index 0000000000..c599dd928a
--- /dev/null
+++ b/common/main-container/reports/pre-a11y-1-fr.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Pre Assessment d'accessibilité #1 - Conteneur Principal",
+ "language": "fr",
+ "description": "Pre Assessment d'accessibilité pour les panneaux",
+ "tag": "footer",
+ "parentdir": "footer",
+ "parentPage": "Pied de page",
+ "parentPageURL": "footer",
+ "altLangPage": "pre-a11y-1-en.html",
+ "dateModified": "2023-08-11",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "pre-a11y-1.json"
+}
+---
diff --git a/common/main-container/reports/pre-a11y-1.json b/common/main-container/reports/pre-a11y-1.json
new file mode 100644
index 0000000000..ed26d4f7c0
--- /dev/null
+++ b/common/main-container/reports/pre-a11y-1.json
@@ -0,0 +1,592 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/conformance-report-en.json",
+ "@type": [
+ "earl:Assertion",
+ "acr:AssessmentReport"
+ ],
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://example.com/web/page/url.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "Pre assessment for the main container component.",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": "main"
+ }
+ },
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": [
+ "earl:Assertor",
+ "foaf:Organization"
+ ],
+ "earl:mainAssertor": {
+ "foaf:name": "Jospeh Diab (Github: @josephdiab)",
+ "foaf:homepage": "https://github.com/josephdiab",
+ "@type": [
+ "earl:Assertor",
+ "foaf:Person"
+ ]
+ }
+ },
+ "dct:date": "2023-08-03",
+ "dct:description": "Analyzing and exploring the subject and produce a pre-evaluation of all WCAG 2.1 SC at level AA.",
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+ "earl:result": [{
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:untested",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ }
+ ]
+}
diff --git a/common/scaffolding/index.json-ld b/common/scaffolding/index.json-ld
index 1c03c48dcf..ea9054b398 100644
--- a/common/scaffolding/index.json-ld
+++ b/common/scaffolding/index.json-ld
@@ -14,7 +14,7 @@
"en": "HTML elements used as is.",
"fr": "Les éléments HTML utilisé tel quel."
},
- "modified": "2023-02-21",
+ "modified": "2024-03-28",
"componentName": "scaffolding",
"processing": "baseline",
"status": "stable",
@@ -29,6 +29,16 @@
"title": "Formulaires",
"language": "fr",
"path": "formulaires.html"
+ },
+ {
+ "title": "Text level semantics",
+ "language": "en",
+ "path": "text-level-semantics.html"
+ },
+ {
+ "title": "Sémantique au niveau du texte",
+ "language": "fr",
+ "path": "texte-niveau-semantique.html"
}
],
"reports": [
@@ -41,6 +51,36 @@
"title": "Évaluation d'accessibilité #1 - Visibilité du focus",
"language": "fr",
"path": "reports/a11y-1-fr.html"
+ },
+ {
+ "title": "Text level semantics - Full Accessibility assessment",
+ "language": "en",
+ "path": "reports/ally-assess-1-en.html"
+ },
+ {
+ "title": "Texte de niveau sémantique - Évaluation d'accessibilité complète",
+ "language": "fr",
+ "path": "reports/ally-assess-1-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #2 - Forms",
+ "language": "en",
+ "path": "reports/a11y-2-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #2 - Formulaires",
+ "language": "fr",
+ "path": "reports/a11y-2-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #3 - Forms",
+ "language": "en",
+ "path": "reports/a11y-3-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #3 - Formulaires",
+ "language": "fr",
+ "path": "reports/a11y-3-fr.html"
}
]
}
diff --git a/common/scaffolding/reports/a11y-2-en.html b/common/scaffolding/reports/a11y-2-en.html
new file mode 100644
index 0000000000..850fe803cf
--- /dev/null
+++ b/common/scaffolding/reports/a11y-2-en.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Accessibility assessment #2 - Forms",
+ "language": "en",
+ "description": "Evaluation of the form elements to ensure they meet the new Success Criteria at Level A and Level AA of WCAG 2.1",
+ "tag": "forms",
+ "parentdir": "forms",
+ "parentPage": "Forms",
+ "parentPageURL": "forms",
+ "altLangPage": "a11y-2-fr.html",
+ "dateModified": "2023-09-15",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "a11y-2.json"
+}
+---
diff --git a/common/scaffolding/reports/a11y-2-fr.html b/common/scaffolding/reports/a11y-2-fr.html
new file mode 100644
index 0000000000..34d4fdf666
--- /dev/null
+++ b/common/scaffolding/reports/a11y-2-fr.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Assessment d'accessibilité #2 - Formulaires",
+ "language": "fr",
+ "description": "Évaluation des éléments du formulaire pour s'assurer qu'ils répondent aux nouveaux critères de réussite aux niveaux A et AA des WCAG 2.1",
+ "tag": "forms",
+ "parentdir": "forms",
+ "parentPage": "Formulaires",
+ "parentPageURL": "forms",
+ "altLangPage": "a11y-2-en.html",
+ "dateModified": "2023-09-15",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "a11y-2.json"
+}
+---
diff --git a/common/scaffolding/reports/a11y-2.json b/common/scaffolding/reports/a11y-2.json
new file mode 100644
index 0000000000..a6921f5163
--- /dev/null
+++ b/common/scaffolding/reports/a11y-2.json
@@ -0,0 +1,441 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/assessment-report-en.json-ld",
+
+ "@type": [ "earl:Assertion", "acr:AssessmentReport" ],
+
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/common/scaffolding/forms.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "Evaluation of the forms page whose purpose is to test all native forms related elements, if they are aligned with our design and are compliant to our accessibility guideline when used as is without any special customization.",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": "main"
+ }
+ },
+
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": ["earl:Assertor", "foaf:Organization"],
+ "earl:mainAssertor": {
+ "foaf:name": "Brahim Mahadi Wachilli (Github: @BrahimMahadi)",
+ "foaf:homepage": "https://github.com/BrahimMahadi",
+ "@type": ["earl:Assertor", "foaf:Person"]
+ }
+ },
+
+ "dct:date": "2023-09-15",
+ "dct:description": "Analyzing and exploring the subject and produce an evaluation of all WCAG 2.1 SC at level AA.",
+ "acr:involvesExpertise": [],
+
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+
+ "earl:result": [
+ {
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ }
+ ]
+}
diff --git a/common/scaffolding/reports/a11y-3-en.html b/common/scaffolding/reports/a11y-3-en.html
new file mode 100644
index 0000000000..a3531ddd01
--- /dev/null
+++ b/common/scaffolding/reports/a11y-3-en.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Accessibility assessment #3 - Forms",
+ "language": "en",
+ "description": "Evaluation of the form elements to ensure they meet the new Success Criteria at Level A and Level AA of WCAG 2.1",
+ "tag": "forms",
+ "parentdir": "forms",
+ "parentPage": "Forms",
+ "parentPageURL": "forms",
+ "altLangPage": "a11y-2-fr.html",
+ "dateModified": "2024-03-27",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "a11y-3.json"
+}
+---
diff --git a/common/scaffolding/reports/a11y-3-fr.html b/common/scaffolding/reports/a11y-3-fr.html
new file mode 100644
index 0000000000..4973a54e2e
--- /dev/null
+++ b/common/scaffolding/reports/a11y-3-fr.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Assessment d'accessibilité #3 - Formulaires",
+ "language": "fr",
+ "description": "Évaluation des éléments du formulaire pour s'assurer qu'ils répondent aux nouveaux critères de réussite aux niveaux A et AA des WCAG 2.1",
+ "tag": "forms",
+ "parentdir": "forms",
+ "parentPage": "Formulaires",
+ "parentPageURL": "forms",
+ "altLangPage": "a11y-3-en.html",
+ "dateModified": "2024-03-27",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "a11y-3.json"
+}
+---
diff --git a/common/scaffolding/reports/a11y-3.json b/common/scaffolding/reports/a11y-3.json
new file mode 100644
index 0000000000..16edee3458
--- /dev/null
+++ b/common/scaffolding/reports/a11y-3.json
@@ -0,0 +1,625 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/assessment-report-en.json-ld",
+ "@type": [
+ "earl:Assertion",
+ "acr:AssessmentReport"
+ ],
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/common/scaffolding/forms.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": "main"
+ }
+ },
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": [
+ "earl:Assertor",
+ "foaf:Organization"
+ ],
+ "earl:mainAssertor": {
+ "foaf:name": "AtlakM (Github: @AtlakM)",
+ "foaf:homepage": "https://github.com/AtlakM",
+ "@type": [
+ "earl:Assertor",
+ "foaf:Person"
+ ]
+ }
+ },
+ "dct:date": "2024-03-27",
+ "dct:description": "Analyzing and exploring the subject and produce an evaluation of all WCAG 2.1 SC at level AA.",
+ "acr:involvesExpertise": [],
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+ "earl:result": [
+ {
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:cantTell",
+ "dct:description": "When inputmode=none, keyboard usage is not possible for this element. An alternative UX component will be needed for mobile.",
+ "earl:mode": "earl:manual",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ],
+ "earl:result": [],
+ "acr:asset": [],
+ "acr:severity": "acr:forEvaluation",
+ "acr:relevancy": "acr:comments",
+ "selected": ""
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:manual",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ],
+ "earl:result": [],
+ "acr:asset": [],
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "selected": ""
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:cantTell",
+ "dct:description": "maxlength, max, min needs submit button to show it in effect.",
+ "earl:mode": "earl:manual",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ],
+ "earl:result": [],
+ "acr:asset": [],
+ "acr:severity": "acr:forEvaluation",
+ "acr:relevancy": "acr:comments",
+ "selected": ""
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "act:rules/automated/axe_core",
+ "earl:subject": "_:subject",
+ "earl:result": [],
+ "acr:asset": [
+ {
+ "@type": "@json",
+ "@value": "[\n {\n \"id\": \"landmark-unique\",\n \"impact\": \"moderate\",\n \"tags\": [\n \"cat.semantics\",\n \"best-practice\"\n ],\n \"help\": \"Ensures landmarks are unique\",\n \"description\": \"Landmarks should have a unique role or role/label/title (i.e. accessible name) combination\",\n \"helpUrl\": \"https://dequeuniversity.com/rules/axe/4.2/landmark-unique?application=axeAPI\",\n \"nodes\": [\n {\n \"any\": [\n {\n \"id\": \"landmark-is-unique\",\n \"data\": {\n \"role\": \"navigation\",\n \"accessibleText\": null\n },\n \"relatedNodes\": [\n {\n \"html\": \"
-
+
@@ -86,15 +63,10 @@ En vedette
Exemple avec couleur claire :
-
+
@@ -102,84 +74,54 @@ En vedette
Exemple avec couleur intermédiaire :
-
+
+
+
+
Code
+
<section class="gc-featured-link" data-bg-color="#005B61">
+ <div class="container">
+ <h2 class="wb-inv">Pleins feux sur</h2>
+ <p><a class="stretched-link" href="#">[Titre de la promotion]</a></p>
+ </div>
+</section>
+
+<section class="gc-featured-link" data-bg-color="#99dade">
+ <div class="container">
+ <h2 class="wb-inv">Pleins feux sur</h2>
+ <p><a class="stretched-link" href="#">[Titre de la promotion]</a></p>
+ </div>
+</section>
+
+<section class="gc-featured-link" data-bg-color="#8F8F8F">
+ <div class="container">
+ <h2 class="wb-inv">Pleins feux sur</h2>
+ <p><a class="stretched-link" href="#">[Titre de la promotion]</a></p>
+ </div>
+</section>
+
+
Exemple de lien en vedette avec description sous le lien
+
+
+
-
Code
-
<section class="provisional gc-featured-link" data-bg-color="#005B61">
- <div class="container">
- <div class="row">
- <div class="col-xs-12">
- <h2 class="wb-inv">En vedette</h2>
- <p><a class="stretched-link" href="#">[Titre de la promotion]</a></p>
- <p>Description longue [Facultatif]</p>
- </div>
- </div>
- </div>
- </section>
-
- <section class="provisional gc-featured-link" data-bg-color="#99dade">
- <div class="container">
- <div class="row">
- <div class="col-xs-12">
- <h2 class="wb-inv">En vedette</h2>
- <p><a class="stretched-link" href="#">[Titre de la promotion]</a></p>
- <p>Description longue [Facultatif]</p>
- </div>
- </div>
- </div>
- </section>
-
- <section class="provisional gc-featured-link" data-bg-color="#8F8F8F">
- <div class="container">
- <div class="row">
- <div class="col-xs-12">
- <h2 class="wb-inv">En vedette</h2>
- <p><a class="stretched-link" href="#">[Titre de la promotion]</a></p>
- <p>Description longue [Facultatif]</p>
- </div>
- </div>
- </div>
- </section>
-
-
Modèles de conception précédents
-
- Modèle précédent (Page d'accueil)
- Modèle utilisant les "helpers":
-
-
- <div class="bg-gctheme opct-90">
- <div class="container">
- <div class="row">
- <div class="mrgn-tp-md mrgn-bttm-md col-xs-12">
- <p class="pull-left text-white mrgn-bttm-0">En vedette : </p>
- <p class="pull-left mrgn-bttm-0"><a class="stretched-link text-white" href="#">[Titre de la promotion]</a></p>
- </div>
- </div>
- </div>
- </div>
-
-
-
-
Évaluation et rapport
-
Il n'y a pas d'évaluation et de rapport disponibles pour ce composant.
+
Code
+
<section class="gc-featured-link">
+ <div class="container">
+ <h2 class="wb-inv">Pleins feux sur</h2>
+ <p><a class="stretched-link" href="#">[Titre de la promotion]</a></p>
+ <p>Description longue [facultatif]</p>
+ </div>
+</section>
diff --git a/components/gc-featured-link/gc-featured-link.js b/components/gc-featured-link/gc-featured-link.js
index 6dd5e775b2..029e2621d9 100644
--- a/components/gc-featured-link/gc-featured-link.js
+++ b/components/gc-featured-link/gc-featured-link.js
@@ -9,7 +9,7 @@
var $document = wb.doc,
componentName = "gc-featured-link",
- selector = ".provisional." + componentName,
+ selector = "." + componentName,
initEvent = "wb-init " + selector,
white = "#FFFFFF",
black = "#000000",
diff --git a/components/gc-featured-link/index.json-ld b/components/gc-featured-link/index.json-ld
index 8e92a0e9b5..74063dcc0c 100644
--- a/components/gc-featured-link/index.json-ld
+++ b/components/gc-featured-link/index.json-ld
@@ -7,28 +7,290 @@
"modified": "dct:modified"
},
"title": {
- "en": "Featured link - Documentation and working example",
- "fr": "Lien en vedette - Documentation et example pratique"
+ "en": "Featured link",
+ "fr": "Lien en vedette"
},
"description": {
"en": "This adds a featured link to a page that your institution needs to feature prominently.",
"fr": "Ceci ajoute un lien en vedette court et descriptif vers une page que votre institution doit mettre en évidence."
},
- "modified": "2021-05-20",
+ "modified": "2024-02-21",
"componentName": "gc-featured-link",
- "status": "provisional",
+ "status": "stable",
+ "version": "1.0.0",
"pages": {
+ "docs": [
+ {
+ "title": "Featured link",
+ "language": "en",
+ "path": "gc-featured-link-doc-en.html"
+ },
+ {
+ "title": "Lien en vedette",
+ "language": "fr",
+ "path": "gc-featured-link-doc-fr.html"
+ }
+ ],
"examples": [
{
- "title": "Featured link - Documentation and working example",
+ "title": "Featured link",
"language": "en",
"path": "gc-featured-link-en.html"
},
- {
- "title": "Lien en vedette - Documentation et example pratique",
+ {
+ "title": "Lien en vedette",
"language": "fr",
"path": "gc-featured-link-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility pre-assessment #1",
+ "language": "en",
+ "path": "reports/a11y-1-en.html"
+ },
+ {
+ "title": "Pré-évaluation de l'accessibilité #1",
+ "language": "fr",
+ "path": "reports/a11y-1-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #1",
+ "language": "en",
+ "path": "reports/a11y-2-en.html"
+ },
+ {
+ "title": "Évaluation de l'accessibilité #1",
+ "language": "fr",
+ "path": "reports/a11y-2-fr.html"
+ }
]
- }
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Featured link - default",
+ "fr": "Lien en vedette - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "This adds a featured link to a page that your institution needs to feature prominently.",
+ "fr": "Ceci ajoute un lien en vedette court et descriptif vers une page que votre institution doit mettre en évidence."
+ },
+ "iteration": "_:iteration_featuredLink_3",
+ "example": [
+ {
+ "en": { "href": "gc-featured-link-en.html", "text": "Featured link" },
+ "fr": { "href": "gc-featured-link-fr.html", "text": "Lien en vedette" }
+ }
+ ],
+ "implementation": [
+ "_:implement_featuredLink",
+ "_:implement_migrationProvisional"
+ ],
+ "history": [
+ {
+ "en": "March 2024 - Stabilizing component.",
+ "fr": "Mars 2024 - Stabilisation de la composante."
+ },
+ {
+ "en": "August 2023 - Adding possibility to customize the background color.",
+ "fr": "Août 2023 - Ajout de la possibilité de personnaliser la couleur de fond."
+ },
+ {
+ "en": "June 2021 - Initial provisional implementation to gather user experience data.",
+ "fr": "Juin 2021 - Implémentation provisoire initiale pour recueillir des données sur l'expérience utilisateur."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_featuredLink",
+ "iteration": "_:iteration_featuredLink_3",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the following code sample.",
+ "You can optionally add a description under the featured link.",
+ "To customize the background color, add the attribute data-bg-color
to the <section>
element. The value should be the hexadecimal code of the desired color, for example: #005B61
."
+ ],
+ "fr": [
+ "Référez-vous au code qui suit.",
+ "Vous pouvez facultativement ajouter une description sous le lien en vedette.",
+ "Pour personnaliser la couleur d'arrière-plan, ajoutez l'attribut data-bg-color
à l'élément <section>
. La valeur doit être le code hexadécimal de la couleur souhaitée, par exemple : #005B61
."
+ ]
+ },
+ "notes": {
+ "en": [
+ "When customizing the background color, the component will automatically apply the correct color to the text: #FFFFFF
for dark colors, #333333
for light colors, #000000
for colors in-between."
+ ],
+ "fr": [
+ "Lorsque la couleur de fond est personnalisée, la composante appliquera automatiquement la bonne couleur au texte : #FFFFFF
pour les couleurs sombres, #333333
pour les couleurs claires, #000000
pour les couleurs intermédiaires."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": ""
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": ""
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_migrationProvisional",
+ "iteration": "_:iteration_featuredLink_3",
+ "name": {
+ "en": "Migration from provisional to stable v1.0.0",
+ "fr": "Migration de provisoire à stable v1.0.0"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers attempting to update the component from its provisional state to its stable state version 1.0.0.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs tentant de mettre à jour la composante à partir de l'état provoire vers l'état stable version 1.0.0."
+ },
+ "instructions": {
+ "en": [
+ "Remove the CSS class \"provisional\".",
+ "Remove the starting and end tags for both <div class=\"row\"></div>
and <div class=\"col-xs-12\"></div>
.",
+ "Update the <h2 class=\"wb-inv\">
title to \"Spotlight on\"."
+ ],
+ "fr": [
+ "Supprimer la classe CSS \"provisoire\".",
+ "Supprimez les balises de début et de fin pour <div class=\"row\"></div>
et <div class=\"col-xs-12\" ></div>
.",
+ "Mettez à jour le titre <h2 class=\"wb-inv\">
à \"Pleins feux sur\"."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code before:",
+ "code": ""
+ },
+ {
+ "@type": "source-code",
+ "description": "Code after:",
+ "code": ""
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Code avant :",
+ "code": ""
+ },
+ {
+ "@type": "source-code",
+ "description": "Code après :",
+ "code": ""
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_featuredLink_3",
+ "name": "Featured link - Iteration 3",
+ "date": "2024-03",
+ "detectableBy": ".gc-featured-link:not(.provisional)",
+ "breaking": [
+ "Removed unnecessary grid",
+ "Changed hidden heading"
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_featuredLink_2",
+ "name": "Featured link - Iteration 2",
+ "date": "2023-08",
+ "detectableBy": ".provisional.gc-featured-link[data-bg-color]",
+ "additions": [
+ "Adding possibility to customize the background color."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_featuredLink_1",
+ "name": "Featured link - Iteration 1",
+ "date": "2021-06",
+ "detectableBy": ".provisional.gc-featured-link",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_featuredLinkHelpers_1",
+ "name": "Featured link with helpers - Iteration 1",
+ "date": "unknown",
+ "detectableBy": ".bg-gctheme.opct-90 a.stretched-link",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": ""
+ }
+ ]
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_featuredLink",
+ "name": "Featured link",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_featuredLink_1",
+ "detectableBy": ".gc-featured-link",
+ "layout": "Component spans across viewport width, link spans across container width.",
+ "semantic": "section>h2+a",
+ "style": "By default, the background color of the component is blue with white text.",
+ "static": [
+ "Featured",
+ "En vedette"
+ ],
+ "schema": [
+ "Link title (type: STRING)",
+ "Link URL (type: STRING)",
+ "Link description (type: STRING)",
+ "Background color (type: STRING) - optional"
+ ],
+ "configuration": "data-bg-color: customize the background color"
+ }
+ ]
}
diff --git a/components/gc-featured-link/reports/a11y-1-en.html b/components/gc-featured-link/reports/a11y-1-en.html
new file mode 100644
index 0000000000..07ecfd9481
--- /dev/null
+++ b/components/gc-featured-link/reports/a11y-1-en.html
@@ -0,0 +1,12 @@
+---
+{
+ "title": "Accessibility pre-assessment #1 - Featured link",
+ "language": "en",
+ "description": "Partial. Pre-evaluation of Success Criteria at Level A and Level AA of WCAG 2.1",
+ "altLangPage": "a11y-1-fr.html",
+ "dateModified": "2023-09-21",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "pre-a11y-1.json"
+
+}
+---
diff --git a/components/gc-featured-link/reports/a11y-1-fr.html b/components/gc-featured-link/reports/a11y-1-fr.html
new file mode 100644
index 0000000000..d67417d7a1
--- /dev/null
+++ b/components/gc-featured-link/reports/a11y-1-fr.html
@@ -0,0 +1,12 @@
+---
+{
+ "title": "Pré-assessment de l'accessibilité #1 - Lien en vedette",
+ "language": "fr",
+ "description": "Partielle. Pré-évaluation des critères de succès aux niveaux A et AA du WCAG 2.1",
+ "altLangPage": "a11y-1-en.html",
+ "dateModified": "2023-09-21",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "pre-a11y-1.json"
+
+}
+---
diff --git a/components/gc-featured-link/reports/a11y-2-en.html b/components/gc-featured-link/reports/a11y-2-en.html
new file mode 100644
index 0000000000..f78a2275e2
--- /dev/null
+++ b/components/gc-featured-link/reports/a11y-2-en.html
@@ -0,0 +1,12 @@
+---
+{
+ "title": "Accessibility assessment #1 - Featured link",
+ "language": "en",
+ "description": "Evaluation of Success Criteria at Level A and Level AA of WCAG 2.1",
+ "altLangPage": "a11y-2-fr.html",
+ "dateModified": "2023-09-21",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "pre-a11y-2.json"
+
+}
+---
diff --git a/components/gc-featured-link/reports/a11y-2-fr.html b/components/gc-featured-link/reports/a11y-2-fr.html
new file mode 100644
index 0000000000..f447bc05cc
--- /dev/null
+++ b/components/gc-featured-link/reports/a11y-2-fr.html
@@ -0,0 +1,12 @@
+---
+{
+ "title": "Assessment de l'accessibilité #1 - Lien en vedette",
+ "language": "fr",
+ "description": "Évaluationvaluation des critères de succès aux niveaux A et AA du WCAG 2.1",
+ "altLangPage": "a11y-2-en.html",
+ "dateModified": "2023-09-21",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "pre-a11y-2.json"
+
+}
+---
diff --git a/components/gc-featured-link/reports/pre-a11y-1.json b/components/gc-featured-link/reports/pre-a11y-1.json
new file mode 100644
index 0000000000..57fc77c32b
--- /dev/null
+++ b/components/gc-featured-link/reports/pre-a11y-1.json
@@ -0,0 +1,589 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/assessment-report-en.json-ld",
+
+ "@type": ["earl:Assertion", "acr:AssessmentReport"],
+
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/components/gc-featured-link/gc-featured-link-en.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "Institutions use a featured link to bring attention to warnings or notices",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": ".gc-featured-link"
+ }
+ },
+
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": ["earl:Assertor", "foaf:Organization"],
+ "earl:mainAssertor": {
+ "foaf:name": "Ilya Pak (Github: @ipaksc)",
+ "foaf:homepage": "https://github.com/ipaksc",
+ "@type": ["earl:Assertor", "foaf:Person"]
+ }
+ },
+
+ "dct:date": "2023-09-21",
+
+ "dct:description": "Pre-evaluation of all WCAG 2.1 SC at level AA.",
+
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+
+ "earl:result": [{
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:inapplicable",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ }
+ ]
+}
diff --git a/components/gc-featured-link/reports/pre-a11y-2.json b/components/gc-featured-link/reports/pre-a11y-2.json
new file mode 100644
index 0000000000..f20ac0c32d
--- /dev/null
+++ b/components/gc-featured-link/reports/pre-a11y-2.json
@@ -0,0 +1,589 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/assessment-report-en.json-ld",
+
+ "@type": ["earl:Assertion", "acr:AssessmentReport"],
+
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/components/gc-featured-link/gc-featured-link-en.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "Institutions use a featured link to bring attention to warnings or notices.",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": ".gc-featured-link"
+ }
+ },
+
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": ["earl:Assertor", "foaf:Organization"],
+ "earl:mainAssertor": {
+ "foaf:name": "Ilya Pak (Github: @ipaksc)",
+ "foaf:homepage": "https://github.com/ipaksc",
+ "@type": ["earl:Assertor", "foaf:Person"]
+ }
+ },
+
+ "dct:date": "2023-09-21",
+
+ "dct:description": "Evaluation of all WCAG 2.1 SC at level AA.",
+
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+
+ "earl:result": [{
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:inapplicable",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ }
+ ]
+}
diff --git a/components/gc-featured-link/samples/gc-featured-link.html b/components/gc-featured-link/samples/gc-featured-link.html
new file mode 100644
index 0000000000..e65bec9b36
--- /dev/null
+++ b/components/gc-featured-link/samples/gc-featured-link.html
@@ -0,0 +1,6 @@
+
diff --git a/components/gc-features/gc-features-en.html b/components/gc-features/gc-features-en.html
index 44ce93b6c1..88e6e647a6 100644
--- a/components/gc-features/gc-features-en.html
+++ b/components/gc-features/gc-features-en.html
@@ -109,7 +109,7 @@ Two-tiles left-aligned
- Features
+ Features
@@ -142,7 +142,7 @@
Other Component
- Features
+ Features
@@ -167,7 +167,7 @@
One-tile left-aligned
- Featured
+ Featured
@@ -193,7 +193,7 @@
Other Component
- Featured
+ Featured
diff --git a/components/gc-features/gc-features-fr.html b/components/gc-features/gc-features-fr.html
index fbcdae940b..4ba7ef8a1d 100644
--- a/components/gc-features/gc-features-fr.html
+++ b/components/gc-features/gc-features-fr.html
@@ -108,7 +108,7 @@
Deux tuiles alignées à gauche
- En vedette
+ En vedette
@@ -141,7 +141,7 @@
Autre composant
- En vedette
+ En vedette
@@ -166,7 +166,7 @@
Une tuile alignée à gauche
- En vedette
+ En vedette
@@ -192,7 +192,7 @@
Autre composant
- En vedette
+ En vedette
diff --git a/components/gc-features/reports/pre-a11y-1.json b/components/gc-features/reports/pre-a11y-1.json
index 07f70ded41..26558e7465 100644
--- a/components/gc-features/reports/pre-a11y-1.json
+++ b/components/gc-features/reports/pre-a11y-1.json
@@ -542,7 +542,7 @@
"@type": ["earl:TestResult", "earl:Assertion"]
},
{
- "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:test": "WCAG21:error-prevention-legal-financial-data",
"earl:subject": "_:subject",
"earl:outcome": "earl:inapplicable",
"dct:description": "",
diff --git a/components/gc-features/reports/pre-a11y-2.json b/components/gc-features/reports/pre-a11y-2.json
index f8f71c15af..6857bb0936 100644
--- a/components/gc-features/reports/pre-a11y-2.json
+++ b/components/gc-features/reports/pre-a11y-2.json
@@ -542,7 +542,7 @@
"@type": ["earl:TestResult", "earl:Assertion"]
},
{
- "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:test": "WCAG21:error-prevention-legal-financial-data",
"earl:subject": "_:subject",
"earl:outcome": "earl:inapplicable",
"dct:description": "",
diff --git a/components/gc-features/samples/features.html b/components/gc-features/samples/features.html
index fc64cd4ed9..61a14a9769 100644
--- a/components/gc-features/samples/features.html
+++ b/components/gc-features/samples/features.html
@@ -16,7 +16,7 @@
Features
{% for i in (1..3) %}
-
+
{%- if page.language == "fr" -%}
Brève description de l’élément en vedette. Brève description de l’élément en vedette.
diff --git a/components/gc-features/samples/one-tile-hidden-title.html b/components/gc-features/samples/one-tile-hidden-title.html
new file mode 100644
index 0000000000..094306bdda
--- /dev/null
+++ b/components/gc-features/samples/one-tile-hidden-title.html
@@ -0,0 +1,20 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ List of features - One tile (invisible title)
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+
+ {% if page.language == "en" %}Featured{% else %}En vedette{% endif %}
+
+
+
+
+
+
+
{% if page.language == "en" %}Brief description of the feature being promoted.{% else %}Brève description de l’élément en vedette.{% endif %}
+
+
+
diff --git a/components/gc-features/samples/two-tiles.html b/components/gc-features/samples/two-tiles.html
new file mode 100644
index 0000000000..7fd0616151
--- /dev/null
+++ b/components/gc-features/samples/two-tiles.html
@@ -0,0 +1,31 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ List of features - Two tiles
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+
+ {%- if page.language == "fr" -%}
+ En vedette
+ {%- else -%}
+ Features
+ {%- endif -%}
+
+ {% for i in (1..2) %}
+
+
+
+ {%- if page.language == "fr" -%}
+
+
Brève description de l’élément en vedette. Brève description de l’élément en vedette.
+ {%- else -%}
+
+
Brief description of the feature being promoted. Brief description of the feature being promoted.
+ {%- endif -%}
+
+
+ {% endfor %}
+
+
diff --git a/components/gc-feeds/_base.scss b/components/gc-feeds/_base.scss
deleted file mode 100644
index baeb84b026..0000000000
--- a/components/gc-feeds/_base.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-/* Feeds plugin GC override */
-.provisional.gc-feeds {
- border: none;
- li {
- line-height: 1.65em;
- padding: $space-0;
-
- a {
- font-weight: $bold-weight;
- }
- }
-}
diff --git a/components/gc-feeds/gc-feeds-en.html b/components/gc-feeds/gc-feeds-en.html
deleted file mode 100644
index 7486163270..0000000000
--- a/components/gc-feeds/gc-feeds-en.html
+++ /dev/null
@@ -1,69 +0,0 @@
----
-dateModified: "2021-06-02"
-description: "Documentation and working example of a GC override to the feeds plugin - provisional feature"
-language: "en"
-altLangPage: "gc-feeds-fr.html"
-title: "Feeds plugin GC override - Provisional feature"
----
-{% include alert-provisional.html %}
-
-
-
-
- Status
- Provisional
- Type
- Canada.ca design pattern
- Last review
- 2021-06-02
- Conforming to
- n/a
- Guidance
- n/a
- Technical name
- gc-feeds
-
-
-
Purpose
-
This replace/override existing styles of the feeds plugin and apply GC styles.
-
-
Working example
-
-
Feeds plugin GC override (provisional v1.0)
-
-
-
Code
-
-<div class="container">
- <div class="row">
- <section class="provisional wb-feeds gc-feeds limit-3 col-md-4">
- <h2 class="h3">News</h2>
- <ul class="feeds-cont list-unstyled lst-spcd">
- <li>
- <a data-ajax="../../components/feeds/demo/example-en.atom.json" href="#">
- [Institution] news
- </a>
- </li>
- </ul>
- <p>More: <a href="#">[Institution] news</a></p>
- </section>
- </div>
-</div>
-
-
-
Evaluation and report
-
There is no evaluation and report available for this component.
diff --git a/components/gc-feeds/gc-feeds-fr.html b/components/gc-feeds/gc-feeds-fr.html
deleted file mode 100644
index 5243a5edde..0000000000
--- a/components/gc-feeds/gc-feeds-fr.html
+++ /dev/null
@@ -1,69 +0,0 @@
----
-dateModified: "2021-06-02"
-description: "Documentation et exemple pratique d'un remplacement et application de styles GC au plugiciel de fils de syndication - fonctionnalité provisoire"
-language: "fr"
-altLangPage: "gc-feeds-en.html"
-title: "Fils de syndication remplacement et application de styles GC - fonctionnalité provisoire"
----
-{% include alert-provisional.html %}
-
-
-
-
- Statut
- Provisiore
- Type
- Conception de Canada.ca
- Dernière revue
- 2021-06-02
- Est conforme à
- n/a
- Directives
- n/a
- Nom technique
- gc-feeds
-
-
-
Objectif
-
Ceci remplace et applique des styles GC aux styles existant du plugiciel fils de syndication.
-
-
Exemple pratique
-
-
Fils de syndication avec styles GC appliqués (provisoire v1.0)
-
-
-
Code
-
-<div class="container">
- <div class="row">
- <section class="provisional wb-feeds gc-feeds limit-3 col-md-4">
- <h2 class="h3">Nouvelles</h2>
- <ul class="feeds-cont list-unstyled lst-spcd">
- <li>
- <a data-ajax="../../components/feeds/demo/example-fr.atom.json" href="#">
- [Institution] nouvelles
- </a>
- </li>
- </ul>
- <p>More: <a href="#">[Institution] nouvelles</a></p>
- </section>
- </div>
-</div>
-
-
-
Évaluation et rapport
-
Il n'y a pas d'évaluation et de rapport disponibles pour ce composant.
diff --git a/components/gc-feeds/index.json-ld b/components/gc-feeds/index.json-ld
deleted file mode 100644
index f8498a1249..0000000000
--- a/components/gc-feeds/index.json-ld
+++ /dev/null
@@ -1,34 +0,0 @@
-{
- "@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": "Feeds plugin GC override",
- "fr": "Application de styles GC au plugiciel de fils de syndication"
- },
- "description": {
- "en": "Overrides the WET ATOM feeds to apply GC design pattern.",
- "fr": "Remplace les Fils de syndication pour appliquer le modèle de conception GC."
- },
- "modified": "2021-06-02",
- "componentName": "gc-feeds",
- "status": "provisional",
- "pages": {
- "docs": [
- {
- "title": "Feeds GC overrides - Documentation and working example.",
- "language": "en",
- "path": "gc-feeds-en.html"
- },
- {
- "title": "Fils de syndication remplacement GC - Documentation et exemple pratique",
- "language": "fr",
- "path": "gc-feeds-fr.html"
- }
- ]
- }
-}
diff --git a/components/gc-follow-us/_base.scss b/components/gc-follow-us/_base.scss
index 7fd5f3dd05..e5dcb9466d 100644
--- a/components/gc-follow-us/_base.scss
+++ b/components/gc-follow-us/_base.scss
@@ -2,6 +2,7 @@
Social Media Icons, follow-us
*/
+// START: Deprecated as of version 16.0.0
%social-media-icons-followus-logo-properties {
background-position: center center;
background-repeat: no-repeat;
@@ -20,8 +21,8 @@
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAbCAYAAAAQ2f3dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAA5dJREFUeNrMl81vFWUUxn9n5p373RZjMVK1IRrKwmJciPG6YMOalS6UuPAv8M9xaWLcCInCmrZAbGuAGK0m0LgRi6XVFunt7e297dze93Exc+lHotxpL4aTnEwyycx55nnPeeY8tvDmGAaYWcXgbaCK8RowCJTSzAO5PenSDIEgTSMJAT7NDrCTZhuIge00W0ATqAN/ALclfpS0ofTlAC+CPhVcBEbwFIAoLdwF0C181FAKuJttoIXxF/A18AWw4oCC4BPEZ8Aozz5sD+PdGEK8DAwrYfdzJxgDPtT/A+pp8QrwAXDdSZxNbzwvcQJ4z0kaB4YyN4oEXhAYFgQg9QvYMWDceTECFDMD80I7OyBhYYiFIVhf5qMIjDgvHUsloFeqwItwcBArl+nU1ug8fkyQz4Nz/QAXAYNOopLKQQ/zZNDpoDgmGh5m6OOLKIqoXb5E/MvPsFHHCiUsF+0Kw+GmtuwklbL2ljodFIbkx05TrFaJXn+D+nc3ad64QfvePNbYJCgWIZ9PymTvv4LziapnUkcBvr2Dj2PMjEq1Sm58nMY779KYmqT1/Sw7v93HajXI5bBCAYIgC4U5J+0Tup5aTNpfwoD8wAC58+cpvnWGevV9NicmaM/9hF9dRe028h7rvf9Cp4w0S9rNAwwYUDr+ErkLFyidO0djdpbmlStsz86gZhMyTK7zyqpfu/lvJ+OAytAQOnWKrZER5CLU8SgIe65zaGD/9Vz84AH1a9eoTU7Smp9HjQZyUcJpj/WOeJT7EW//fp/16zepT03RnJuj8+gRGFihmDR/hlpOopOdMaEwhDCZm3hxkfr0NOuTUzRu3yFeeggSYamM5XJJL2b7/o7zydKWTS4s+fp46SG1iSnWrl6lPjPD9sICmBGUy1gUPWH2EBE7Sc1MdJlBFBGvrbF66TLtlRVa9+axICAYGEj1CuT9UX5LW05iI90kw57/GC4iXv2b7cUlhBKGggBlaO6nHMqm81It3cWLWUdTqS7JggRPf1afNlB3EsuCreyrT8Lck92sb+sYLYNlJ3FXsA68kJ30/qHZE+vAXeelO8ASxsnnYrEWfwpuOcGvgm9MjAKvij4atSztnsQy8K3BvCPpr68kAuAjJWagtMfYhgcMbT9g+H2+UmxB4ivN+BLYtOkTo4loiorgDOgs4iRwHKikQ5FPV153wIV3QXevB5243+PED7rxXSduLAK3DH4ws3UD/hkAxN++zimLNSwAAAAASUVORK5CYII=");
}
-%social-media-icons-logo-twitter {
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjEwNzlCNEI2Mjc3MTFFMzgzNjNDMkIzMzRCNjAwMUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjEwNzlCNEM2Mjc3MTFFMzgzNjNDMkIzMzRCNjAwMUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMTA3OUI0OTYyNzcxMUUzODM2M0MyQjMzNEI2MDAxQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMTA3OUI0QTYyNzcxMUUzODM2M0MyQjMzNEI2MDAxQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiBBaDwAAAJWSURBVHja3JZLbExhGIZnqihCoqTVhroUC9Rlo5IGISFYWIiVxNLGhogNO4nEylqwkEiQ7qQblxAWhLjEJK4LhBKKShtUW4zxvPJWTkb/c07NZBbe5MlMp2fOe77L/32TLRQKmUqpKlNBVdSsuvV8Zynfb4XdsB5q4RmchFN+r2DmQyPkqmUIk/2PdyMwmg3rYIWNpDmwGl7DGKiHJfAEvsloEmzyE5yBBymMpsIe2AFjI59nYS3MhTswHX7Cfr0qmgnQBnvhALQ42pBGwQbYVmQUVRNsgZlw3691VU7fOIetC47AVpgSuFEDbHTqk1QHS+ELdCuCAXgVuaDN4a+EsyosfIZBKDjt9U5ZknrdLJdlKLNPcB0ewQJfpLB3wirn/p6LrNadBn2Qd0rj9BRO2ON3bfrhGrTDrkhnSYvMZkff64I3pYhKWXgRPctD3bjGN+gsMhtSbeDzJH2NRi/XiS74drd0uaRUd8OPqFkPXIAPboxyqQtuOro/ZvrjIhyFj2U008Pfhu/Fg1jn4JgNu9xppUqT6H1o6iu/t+BhNPR/lIZwh+ZhyEzva2AxjC/R7IrPbj5kptzehUspDmuccl4zPX/ts2HC3wePPb3VnTNiBm6xdPAPuxyJm1qn/iUc8lrIjWCbayAc9DwdHHZTB6ZFs5eg9tLoFEbP/YDt7uxMyGyWh2uDp/kyb995XjtxUl1uwHEPhv7Y3yCwEJZ7ITZ7mdYErh/wDftc19Nwzscm8WzK7KoL2mHTFps2Rpoj75roDL719freG2+BVMr+tz9SfwkwAFjOiZEdguqDAAAAAElFTkSuQmCC");
+%social-media-icons-logo-x {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAAZlBMVEUAAACpqalRUVFra2sWFhbS0tIODg6enp4ICAgEBATX19dFRUV5eXni4uIdHR01NTUkJCSEhIQ9PT2MjIzBwcHExMSgoKDOzs65ubleXl4sLCyTk5P19fWYmJguLi6zs7Pa2trIyMjWijNVAAAA+ElEQVQoz7VSSYKEIAwEQQiIbKLY7v7/k0P3jMuo1+YUklCpKoLQd04xNpw3mdju4tV3W2zDgHmUZu/NOd37fE7Ax/kv4euRHqBCRYNepfqgdnVrzxP1jCn00qeQ8txf6EQibD1rRPtYXKgmVI+yRTFXZjcdFLcalORSwV2kWSvQeKjYkwNEZqhYKniqMR4sUg/jPlzLESgO9qFE+VASNMX+jircQvia7JE3VCBJfVdzxsZ1urxKbiasTBLUrc1/HSbit/fgkpmpQZxKU4v1r+mhpcJFc/qGUNtdiAMbMDvY57v34ErM80FtqKY6dgXp6r08in1pN38AoggMXei8ngUAAAAASUVORK5CYII=");
}
%social-media-icons-logo-flickr {
@@ -63,114 +64,137 @@
%social-media-icons-logo-email {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAWCAYAAABOm/V6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gQVECMqfCsMgwAAAshJREFUSMfF1s9P02AYwPFvyxwbHRuMrYOVVgS2BRNBDfHqxXDxz/Bq4sH/QA+e/B8MR+9e/QcUMk0IMBRho4R1g7LRbmPA6mFuqLAxfj9Jk6bv276fPHnep6+QnJ3xAq+Bl0CEm41PwBsX8AJ4y+3Ec2DYBbwCCClj7O1k6Q3KRO5OXNuqlVKRjVQSr6+PXSMDMCUCIwCylkCJTWHt5smuLV4LYL9ssZFK4g9GUMYnm8/Fvyd5fX1Exx7UIetXC6mWbTLLc/gHBpG1+D9jIuDUb51jyPgklpknu750NYBKifTSVwKhKOHhGCCcQJwIry+AEptizzQw0suXByx+oS+sEFLGEQThxByx1cseyc9w/BHFnSy5zAqO41wYEAgrDERHTwW0RQB4enpRE48pbG+S13/iOLVz1UADEIqOIoitlxLP+li314eWmKaQ09nWV3FqZ0P2Sxbp5TkC4SghZawtoCMEgNsroU1Ms5vTyW+uts1IpVQkk5rHHxxsWQMXQgC4PXVIIaeT11dPrZGKXUBPJekNRpC1eEeAcyGqlRJGOoUUCFHI6+QyKWpHh81xu7CNvvKd7h4fFbuImc10XD+uzgA2RjqFRwoQUkbZL9ts/vjG4UGVbq+PWu0Qy8zROxBBVuNU7CJGJgVAf0S9fCb+B9SLVUK7/wTXHTd2cYdq2SasxpDVeHN7y2qcPdNo/B8unoljgL8JaERXlwtZS9Cuz8hqrN5jgH5ZPX8mGjXgkfwMREcv1C09kp+wGsPaaZ8R8biRH1fywX4ZI71cBwzd67jKW2ZES7BnGpgtICJQBZpN6KBaIbu+hEfyExwaObPRdBLdPT5kLYFlGqfuGhGYB9haW+Do8ICtXwt1wKCGIAg4Tu1KLrenh7AaxzKzZNcWsXZzDUNJSM7OPPtz1nPf0hHvowv4DDwF3gEPAekGFnaADPABeP8bNrJaPIc3C6EAAAAASUVORK5CYII=")
}
+// END: Deprecated as of version 16.0.0
-$provisional-social-media-li-margin-bottom: 15px;
-$provisional-social-media-icons-vertical-offset: 6px;
-$provisional-social-media-icons-size: 38px;
+$social-media-li-margin-bottom: 15px;
+$social-media-icons-vertical-offset: 6px;
+$social-media-icons-size: 38px;
-%provisional-social-media-icons-followus-logo-properties {
+%social-media-icons-gc-followus-logo-properties {
background-repeat: no-repeat;
background-size: cover;
content: "";
- height: $provisional-social-media-icons-size;
+ height: $social-media-icons-size;
margin-right: 10px;
- min-width: $provisional-social-media-icons-size;
+ min-width: $social-media-icons-size;
}
-.provisional {
- &.gc-followus {
- h2 {
- font-size: $font-size-h4;
- }
+.gc-followus {
+ h2 {
+ font-size: $font-size-h4;
+ margin-top: 0px;
+ }
+
+ ul {
+ display: block;
+ font-size: $small-size;
+ font-weight: $bold-weight;
+ list-style: none;
+ margin-block-start: 1em;
+ padding-inline-start: calc(1em + #{$social-media-icons-vertical-offset});
- ul {
- display: block;
- font-size: $small-size;
- font-weight: $bold-weight;
- list-style: none;
- margin-block-start: 1em;
- padding-inline-start: calc(1em + #{$provisional-social-media-icons-vertical-offset});
+ li {
+ margin-bottom: ($social-media-li-margin-bottom + $social-media-icons-vertical-offset);
- li {
- margin-bottom: ($provisional-social-media-li-margin-bottom + $provisional-social-media-icons-vertical-offset);
+ &:first-child {
+ margin-top: 34px;
+ }
- &:last-child {
- margin-bottom: $provisional-social-media-li-margin-bottom;
- }
+ &:last-child {
+ margin-bottom: $social-media-li-margin-bottom;
+ }
+ &.more-ways {
+ display: block;
a {
- display: flex;
- line-height: 1.54;
- max-width: max-content;
- text-decoration: none;
+ text-decoration: underline;
+ }
+ }
- &::before {
- margin-right: 10px;
- margin-top: -$provisional-social-media-icons-vertical-offset;
- }
+ a {
+ display: flex;
+ line-height: 1.54;
+ max-width: max-content;
+ text-decoration: none;
+
+ &::before {
+ margin-right: 10px;
+ margin-top: -$social-media-icons-vertical-offset;
+ }
- &:hover,
- &:focus,
- &:active {
- text-decoration: underline;
- }
+ &:hover,
+ &:focus,
+ &:active {
+ text-decoration: underline;
}
}
+ }
- &.list-inline {
- padding-inline-start: 0;
+ &.list-inline {
+ padding-inline-start: 0;
- li {
- display: inline-block;
- padding-right: 0;
+ li:not(.more-ways) {
+ display: inline-block;
+ padding-right: 0;
- a {
- height: $provisional-social-media-icons-size;
- overflow: hidden;
- width: $provisional-social-media-icons-size;
+ &:first-child {
+ margin-top: 0;
+ }
+ a {
+ border-radius: 100%;
+ height: $social-media-icons-size;
+ overflow: hidden;
+ width: $social-media-icons-size;
- &::before {
- margin-top: 0;
- }
+ &::before {
+ margin-top: 0;
+ }
- &:hover,
- &:focus,
- &:active {
- outline: solid 2px #0535d2;
- }
+ &:hover,
+ &:focus,
+ &:active {
+ outline: solid 2px #0535d2;
+ outline-offset: 1px;
}
}
}
}
+
.facebook::before {
- @extend %provisional-social-media-icons-followus-logo-properties;
+ @extend %social-media-icons-gc-followus-logo-properties;
background-image: url("../assets/gc-follow-us/facebook.svg");
}
.twitter::before {
- @extend %provisional-social-media-icons-followus-logo-properties;
- background-image: url("../assets/gc-follow-us/twitter.svg");
+ @extend %social-media-icons-gc-followus-logo-properties;
+ background-image: url("../assets/gc-follow-us/x.svg");
+ }
+
+ .x-social::before {
+ @extend %social-media-icons-gc-followus-logo-properties;
+ background-image: url("../assets/gc-follow-us/x.svg");
}
.youtube::before {
- @extend %provisional-social-media-icons-followus-logo-properties;
+ @extend %social-media-icons-gc-followus-logo-properties;
background-image: url("../assets/gc-follow-us/youtube.svg");
}
.instagram::before {
- @extend %provisional-social-media-icons-followus-logo-properties;
+ @extend %social-media-icons-gc-followus-logo-properties;
background-image: url("../assets/gc-follow-us/instagram.svg");
}
.linkedin::before {
- @extend %provisional-social-media-icons-followus-logo-properties;
+ @extend %social-media-icons-gc-followus-logo-properties;
background-image: url("../assets/gc-follow-us/linkedin.svg");
}
}
}
+// START: Deprecated as of version 16.0.0
//removes the icon to the share widget
.shr-pg {
a {
@@ -226,7 +250,12 @@ $provisional-social-media-icons-size: 38px;
.twitter {
@extend %social-media-icons-followus-logo-properties;
- @extend %social-media-icons-logo-twitter;
+ @extend %social-media-icons-logo-x;
+ }
+
+ .x-social {
+ @extend %social-media-icons-followus-logo-properties;
+ @extend %social-media-icons-logo-x;
}
.flickr {
@@ -254,7 +283,7 @@ $provisional-social-media-icons-size: 38px;
@extend %social-media-icons-logo-instagram;
}
- .googleplus { //This is deprecated and will be removed from later versions
+ .googleplus {
@extend %social-media-icons-followus-logo-properties;
@extend %social-media-icons-logo-googleplus;
background-repeat: no-repeat;
@@ -280,6 +309,7 @@ $provisional-social-media-icons-size: 38px;
@extend %social-media-icons-followus-logo-properties;
@extend %social-media-icons-logo-email;
}
+
}
// Added social media icons
@@ -301,7 +331,11 @@ $provisional-social-media-icons-size: 38px;
}
&.twitter {
- @extend %social-media-icons-logo-twitter;
+ @extend %social-media-icons-logo-x;
+ }
+
+ &.x-social {
+ @extend %social-media-icons-logo-x;
}
&.flickr {
@@ -338,3 +372,4 @@ $provisional-social-media-icons-size: 38px;
@extend %social-media-icons-logo-rss;
}
}
+// END: Deprecated as of version 16.0.0
diff --git a/components/gc-follow-us/assets/twitter.svg b/components/gc-follow-us/assets/twitter.svg
deleted file mode 100644
index 221df5df70..0000000000
--- a/components/gc-follow-us/assets/twitter.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/components/gc-follow-us/assets/x.svg b/components/gc-follow-us/assets/x.svg
new file mode 100644
index 0000000000..d87397ccdf
--- /dev/null
+++ b/components/gc-follow-us/assets/x.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
diff --git a/components/gc-follow-us/deprecated/follow-us-en.html b/components/gc-follow-us/deprecated/follow-us-en.html
new file mode 100644
index 0000000000..2c2495003e
--- /dev/null
+++ b/components/gc-follow-us/deprecated/follow-us-en.html
@@ -0,0 +1,109 @@
+---
+{
+ "altLangPage": "follow-us-fr.html",
+ "dateModified": "2024-05-28",
+ "description": "Working examples for the Follow us component.",
+ "language": "en",
+ "title": "Follow us",
+ "breadcrumbs": [
+ { "title": "Social media channels", "link": "components/gc-follow-us/gc-follow-us-doc-en.html" }
+ ]
+}
+---
+
+
+
+
+ Follow us component example
+ {%- include gc-follow-us/follow.html -%}
+
+
+ Code
+ {% highlight html %}
+ {%- include gc-follow-us/follow.html -%}
+ {% endhighlight %}
+
+
+
+
+ Individual social media icons example
+ X:
+
+ Facebook:
+
+ Flickr:
+
+ YouTube:
+
+ Pinterest:
+
+
+
+
+ Code
+ {% highlight html %}
+ X:
+
+ Facebook:
+
+ Flickr:
+
+ YouTube:
+
+ Pinterest:
+
+
+
+ {% endhighlight %}
+
+
+ Available icons
+
+ Foursquare icon
+ Youtube icon
+ X-social icon
+ Flickr icon
+ Facebook icon
+ Pinterest icon
+ LinkedIn icon
+ Instagram icon
+ Reddit icon
+
+
+
diff --git a/components/gc-follow-us/deprecated/follow-us-fr.html b/components/gc-follow-us/deprecated/follow-us-fr.html
new file mode 100644
index 0000000000..dc5ad78b7e
--- /dev/null
+++ b/components/gc-follow-us/deprecated/follow-us-fr.html
@@ -0,0 +1,130 @@
+---
+{
+ "altLangPage": "follow-us-en.html",
+ "dateModified": "2024-05-28",
+ "description": "Exemples pratiques pour la composante Suivez-nous.",
+ "language": "fr",
+ "title": "Suivez-nous",
+ "breadcrumbs": [
+ { "title": "Bloc des réseaux de médias sociaux", "link": "components/gc-follow-us/gc-follow-us-doc-fr.html" }
+ ]
+}
+---
+
+
+
+
+ Exemple de la composante Suivez-nous
+ {%- include gc-follow-us/follow.html -%}
+
+ Code
+ {% highlight html %}
+ {%- include gc-follow-us/follow.html -%}
+ {% endhighlight %}
+
+
+
+
+ Exemple des icônes de médias sociaux individuels
+ X:
+
+ Facebook:
+
+ Flickr:
+
+ YouTube:
+
+ Pinterest:
+
+
+
+
+ Code
+ {% highlight html %}
+ X:
+
+ Facebook:
+
+ Flickr:
+
+ YouTube:
+
+ Pinterest:
+
+
+
+ {% endhighlight %}
+
+
+ Icônes disponibles
+
+ Icône Foursquare
+ Icône Youtube
+ Icône X-social
+ Icône Flickr
+ Icône Facebook
+ Icône Pinterest
+ Icône LinkedIn
+ Icône Instagram
+ Icône Reddit
+
+
+
diff --git a/components/gc-follow-us/followus.js b/components/gc-follow-us/followus.js
new file mode 100644
index 0000000000..3ecc7ba58e
--- /dev/null
+++ b/components/gc-follow-us/followus.js
@@ -0,0 +1,46 @@
+/**
+ * @title WET-BOEW Follow us component
+ * @overview Plugin used to replace Twitter with "X" - Deprecated
+ * @license wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
+ * @author @garneauma
+ */
+( function( $, window, wb ) {
+"use strict";
+
+var $document = wb.doc,
+ componentName = "followus",
+ selector = "." + componentName,
+ initEvent = "wb-init " + selector,
+
+ /**
+ * @method init
+ * @param {jQuery Event} event Event that triggered the function call
+ */
+ init = function( event ) {
+
+ // Start initialization
+ // returns DOM object = proceed with init
+ // returns undefined = do not proceed with init (e.g., already initialized)
+ var elm = wb.init( event, componentName, selector );
+
+ if ( elm && event.currentTarget === event.target ) {
+
+ var twitterElm = elm.querySelector( ".twitter .wb-inv" );
+
+ // Replacing "Twitter" with "X"
+ if ( twitterElm ) {
+ twitterElm.innerHTML = twitterElm.innerHTML.replace( "Twitter", "X" );
+ }
+
+ // Identify that initialization has completed
+ wb.ready( $( elm ), componentName );
+ }
+ };
+
+// Bind the init event of the plugin
+$document.on( "timerpoke.wb " + initEvent, selector, init );
+
+// Add the timer poke to initialize the plugin
+wb.add( selector );
+
+} )( jQuery, window, wb );
diff --git a/components/gc-follow-us/gc-follow-us-doc-en.html b/components/gc-follow-us/gc-follow-us-doc-en.html
new file mode 100644
index 0000000000..9166f9e302
--- /dev/null
+++ b/components/gc-follow-us/gc-follow-us-doc-en.html
@@ -0,0 +1,11 @@
+---
+{
+ "layout": "documentation",
+ "altLangPage": "gc-follow-us-doc-fr.html",
+ "dateModified": "2024-01-015",
+ "index_json": "index.json-ld",
+ "description": "Documentation on how to use the social media channels.",
+ "language": "en",
+ "title": "Social media channels - Documentation"
+}
+---
diff --git a/components/gc-follow-us/gc-follow-us-doc-fr.html b/components/gc-follow-us/gc-follow-us-doc-fr.html
new file mode 100644
index 0000000000..c8777ee610
--- /dev/null
+++ b/components/gc-follow-us/gc-follow-us-doc-fr.html
@@ -0,0 +1,11 @@
+---
+{
+ "layout": "documentation",
+ "altLangPage": "gc-follow-us-doc-en.html",
+ "dateModified": "2024-01-15",
+ "index_json": "index.json-ld",
+ "description": "Documentation sur l'utilisation des chaînes de médias sociaux.",
+ "language": "fr",
+ "title": "Bloc des réseaux de médias sociaux - Documentation"
+}
+---
diff --git a/components/gc-follow-us/gc-follow-us-en.html b/components/gc-follow-us/gc-follow-us-en.html
new file mode 100644
index 0000000000..596dbfa5d5
--- /dev/null
+++ b/components/gc-follow-us/gc-follow-us-en.html
@@ -0,0 +1,46 @@
+---
+{
+ "altLangPage": "gc-follow-us-fr.html",
+ "dateModified": "2024-07-11",
+ "description": "Working examples for the social media channels design pattern.",
+ "language": "en",
+ "title": "Social media channels",
+ "breadcrumbs": [
+ { "title": "Social media channels", "link": "components/gc-follow-us/gc-follow-us-doc-en.html" }
+ ]
+}
+---
+
+
+
+
Vertical layout
+{%- include gc-follow-us/gc-follow-us.html -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html -%}{% endhighlight %}
+
+
+
Horizontal layout
+{%- include gc-follow-us/gc-follow-us.html isInline=true -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=true -%}{% endhighlight %}
+
+
+
Vertical layout with 'More ways to connect'
+{%- include gc-follow-us/gc-follow-us.html moreWays=true -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html moreWays=true -%}{% endhighlight %}
+
+
+
Horizontal layout with 'More ways to connect'
+{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=true -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=true -%}{% endhighlight %}
+
diff --git a/components/gc-follow-us/gc-follow-us-fr.html b/components/gc-follow-us/gc-follow-us-fr.html
new file mode 100644
index 0000000000..d9b7879566
--- /dev/null
+++ b/components/gc-follow-us/gc-follow-us-fr.html
@@ -0,0 +1,46 @@
+---
+{
+ "altLangPage": "gc-follow-us-en.html",
+ "dateModified": "2024-07-11",
+ "description": "Exemples pratiques pour le bloc des réseaux de médias sociaux.",
+ "language": "fr",
+ "title": "Bloc des réseaux de médias sociaux",
+ "breadcrumbs": [
+ { "title": "Bloc des réseaux de médias sociaux", "link": "components/gc-follow-us/gc-follow-us-doc-fr.html" }
+ ]
+}
+---
+
+
+
+
Disposition verticale
+{%- include gc-follow-us/gc-follow-us.html -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html -%}{% endhighlight %}
+
+
+
Disposition horizontale
+{%- include gc-follow-us/gc-follow-us.html isInline=true -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=true -%}{% endhighlight %}
+
+
+
Disposition verticale avec « D'autres moyens de rester en contact »
+{%- include gc-follow-us/gc-follow-us.html moreWays=true -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html moreWays=true -%}{% endhighlight %}
+
+
+
Disposition horizontale avec « D'autres moyens de rester en contact »
+{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=true -%}
+
+
+ Code
+ {% highlight html %}{%- include gc-follow-us/gc-follow-us.html isInline=true moreWays=true -%}{% endhighlight %}
+
diff --git a/_includes/components/gc-follow-us/follow.html b/components/gc-follow-us/includes/follow.html
similarity index 100%
rename from _includes/components/gc-follow-us/follow.html
rename to components/gc-follow-us/includes/follow.html
diff --git a/_includes/components/gc-follow-us/gc-follow-us.html b/components/gc-follow-us/includes/gc-follow-us.html
similarity index 81%
rename from _includes/components/gc-follow-us/gc-follow-us.html
rename to components/gc-follow-us/includes/gc-follow-us.html
index 90ff186934..f57baee5fb 100644
--- a/_includes/components/gc-follow-us/gc-follow-us.html
+++ b/components/gc-follow-us/includes/gc-follow-us.html
@@ -1,19 +1,5 @@
-
-
- {%- if include.isInline -%}
- {%- if page.language == "fr" -%}
- Suivez-nous
- {%- else -%}
- Follow us
- {%- endif -%}
- {%- else -%}
- {%- if page.language == "fr" -%}
- Dans les médias sociaux
- {%- else -%}
- On social media
- {%- endif -%}
- {%- endif -%}
-
+
+ {%- if page.language == "fr" -%}Dans les médias sociaux{%- else -%}On social media{%- endif -%}
diff --git a/components/gc-follow-us/index.json-ld b/components/gc-follow-us/index.json-ld
new file mode 100644
index 0000000000..1d1c15d6e5
--- /dev/null
+++ b/components/gc-follow-us/index.json-ld
@@ -0,0 +1,365 @@
+{
+ "@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": "Social media channels",
+ "fr": "Bloc des réseaux de médias sociaux"
+ },
+ "description": {
+ "en": "The social media channels pattern provides links to official Government of Canada (GC) social media accounts.",
+ "fr": "La configuration de conception des chaînes de médias sociaux fournit des liens vers les comptes de médias sociaux officiels du gouvernement du Canada (GC)."
+ },
+ "modified": "2024-02-05",
+ "componentName": "gc-follow-us",
+ "status": "stable",
+ "version": "2.1",
+ "pages": {
+ "docs": [
+ {
+ "title": "Social media channels - Documentation",
+ "language": "en",
+ "path": "gc-follow-us-doc-en.html"
+ },
+ {
+ "title": "Bloc des réseaux de médias sociaux - Documentation",
+ "language": "fr",
+ "path": "gc-follow-us-doc-fr.html"
+ }
+ ],
+ "examples": [
+ {
+ "title": "Social media channels",
+ "language": "en",
+ "path": "gc-follow-us-en.html"
+ },
+ {
+ "title": "Bloc des réseaux de médias sociaux",
+ "language": "fr",
+ "path": "gc-follow-us-fr.html"
+ }
+ ]
+ },
+ "a11yGuidance": "no accessibility guidance",
+ "variations": [
+ {
+ "name": {
+ "en": "GC Follow us - default",
+ "fr": "GC Suivez-nous - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "The social media channels pattern provides links to official Government of Canada (GC) social media accounts.",
+ "fr": "La configuration de conception des chaînes de médias sociaux fournit des liens vers les comptes de médias sociaux officiels du gouvernement du Canada (GC)."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/social-media-channels.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/bloc-medias-sociaux.html"
+ },
+ "iteration": "_:iteration_gc_follow_1",
+ "example": [
+ {
+ "en": { "href": "gc-follow-us-en.html", "text": "GC Follow us" },
+ "fr": { "href": "gc-follow-us-fr.html", "text": "GC Suivez-nous" }
+ }
+ ],
+ "implementation": [
+ "_:implement_gc_follow"
+ ],
+ "history": [
+ {
+ "en": "July 2024 - Adding 'More ways to connect' optional link.",
+ "fr": "Juillet 2024 - Ajout du lien optionnel « D'autres moyens de rester en contact »."
+ },
+ {
+ "en": "February 2024 - Initial implementation of the variation.",
+ "fr": "Février 2024 - Implémentation initiale de la variante."
+ }
+ ]
+ },
+ {
+ "name": {
+ "en": "Follow us",
+ "fr": "Suivez-nous"
+ },
+ "status": "deprecated",
+ "description": {
+ "en": "The social media channels pattern provides links to official Government of Canada (GC) social media accounts.",
+ "fr": "La configuration de conception des chaînes de médias sociaux fournit des liens vers les comptes de médias sociaux officiels du gouvernement du Canada (GC)."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/social-media-channels.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/bloc-medias-sociaux.html"
+ },
+ "iteration": "_:iteration_follow_1",
+ "example": [
+ {
+ "en": { "href": "deprecated/follow-us-en.html", "text": "Follow us" },
+ "fr": { "href": "deprecated/follow-us-fr.html", "text": "Suivez-nous" }
+ }
+ ],
+ "implementation": [
+ "_:implement_follow"
+ ],
+ "history": [
+ {
+ "en": "September 2024 - This variant is now officially deprecated.",
+ "fr": "Septembre 2024 - Cette variante est maintenant officiellement obsolète."
+ },
+ {
+ "en": "April 2017 - Initial implementation of the variation.",
+ "fr": "Avril 2017 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_gc_follow",
+ "iteration": "_:iteration_gc_follow_2",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the below code sample.",
+ "To display the icons horizontally, add the CSS class \"list-inline
\" to the <ul>
.",
+ "If there is more than one account from a single platform, make them available via an overlay (popup) .",
+ "Information on how to display the 'More ways to connect' link will be available soon."
+ ],
+ "fr": [
+ "Référez-vous à l'exemple de code ci-dessous.",
+ "Pour afficher les icônes horizontalement, ajoutez la classe CSS \"list-inline
\" au <ul>
.",
+ "S’il y a plus d’un compte pour une même plateforme, énumérez-les dans un contenu superposé (popup) .",
+ "Des informations sur la façon d'afficher le lien « D'autres moyens de rester en contact » seront disponibles bientôt."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Default layout code sample:",
+ "code": "\n\tOn social media \n\t\n "
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code pour disposition par défaut :",
+ "code": "\n\tDans les médias sociaux \n\t\n "
+ }
+ ]
+ }
+ },
+ {
+ "@id": "_:implement_follow",
+ "iteration": "_:iteration_follow_2",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the below code sample."
+ ],
+ "fr": [
+ "Référez-vous à l'exemple de code ci-dessous."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": ""
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": ""
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_gc_follow_3",
+ "name": "GC Follow us - Iteration 3",
+ "date": "2024-07",
+ "detectableBy": ".gc-followus",
+ "additions": [
+ "New link for more ways to connect."
+ ]
+ },
+ {
+ "@id": "_:iteration_gc_follow_2",
+ "name": "GC Follow us - Iteration 2",
+ "date": "2024-02",
+ "detectableBy": ".gc-followus",
+ "additions": [
+ "New SVG image for X logo (formerly known as Twitter)."
+ ],
+ "fixes": [
+ "Deprecated: SVG image for Twitter to be deprecated."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "includes/gc-follow-us.html"
+ }
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_gc_follow_1",
+ "name": "GC Follow us - Iteration 1",
+ "date": "2021-08",
+ "detectableBy": ".gc-followus"
+ },
+ {
+ "@id": "_:iteration_follow_2",
+ "name": "Follow us - Iteration 2",
+ "date": "2024-02",
+ "detectableBy": ".followus",
+ "additions": [
+ "New Base64 image for X logo (formerly known as Twitter).",
+ "Added logic to dynamically replace \"Twitter\" with \"X\" in hidden text."
+ ],
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "includes/follow.html"
+ }
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_follow_1",
+ "name": "Follow us - Iteration 1",
+ "date": "2017-04",
+ "detectableBy": ".followus",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": {
+ "@type": [ "rdf:HTML", "@id" ],
+ "@value": "includes/follow.html"
+ }
+ }
+ ]
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_gc_follow",
+ "name": "GC Follow us",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_gc_follow_1",
+ "detectableBy": ".gc-followus",
+ "layout": [
+ "Default: the social media accounts are stacked vertically with each account having the logo on the left and name on the right.",
+ "Inline: the social media accounts are listed horizontally with only the logo visible."
+ ],
+ "semantic": "section.gc-followus > h2 + (ul > li > a)",
+ "static": [
+ "Dans les médias sociaux",
+ "On social media"
+ ],
+ "schema": [
+ "FacebookAccountName",
+ "FacebookAccountURL",
+ "TwitterAccountName",
+ "TwitterAccountURL",
+ "YoutubeAccountName",
+ "YoutubeAccountURL",
+ "InstagramAccountName",
+ "InstagramAccountURL",
+ "LinkedInAccountName",
+ "LinkedInAccountURL"
+ ],
+ "configuration": "isInline: if yes, add class \"list-inline\" to element.",
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/gc-follow-us.html"
+ }
+ }
+ },
+ {
+ "@id": "_:cs_follow",
+ "name": "Follow us",
+ "status": "deprecated",
+ "deprecatedOn": "2024-02-02",
+ "baseOnIteration": "_:iteration_follow_1",
+ "detectableBy": ".followus",
+ "layout": [
+ "The social media accounts are listed horizontally. The logo visible. The account name is invisible."
+ ],
+ "semantic": "section.followus > h2 + (ul > li > a)",
+ "static": [
+ "Suivez :",
+ "Follow:"
+ ],
+ "schema": [
+ "FacebookAccountName",
+ "FacebookAccountURL",
+ "TwitterAccountName",
+ "TwitterAccountURL",
+ "YoutubeAccountName",
+ "YoutubeAccountURL",
+ "InstagramAccountName",
+ "InstagramAccountURL",
+ "LinkedInAccountName",
+ "LinkedInAccountURL",
+ "FlickrAccountName",
+ "FlickrAccountURL",
+ "PinterestAccountName",
+ "PinterestAccountURL",
+ "RSSAccountName",
+ "RSSAccountURL",
+ "EmailAccountName",
+ "EmailAccountURL",
+ "PeriscopeAccountName",
+ "PeriscopeAccountURL"
+ ],
+ "include": {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Include with logic in Liquid.",
+ "code": {
+ "@type": [ "@id", "rdf:HTML" ],
+ "@value": "includes/follow.html"
+ }
+ }
+ }
+ ]
+}
diff --git a/components/gc-follow-us/samples/follow.html b/components/gc-follow-us/samples/follow.html
deleted file mode 100644
index d0f00b639f..0000000000
--- a/components/gc-follow-us/samples/follow.html
+++ /dev/null
@@ -1,41 +0,0 @@
-{%- comment -%}
-
-++++++++++++++++++++++++++++++++++
-+ List of social media links
-+
-+ Used by organizational and institutional page
-++++++++++++++++++++++++++++++++++
-
-{%- endcomment -%}
-
-
- {%- if page.language == "fr" -%}
- Suivez :
-
- {%- else -%}
- Follow:
-
- {%- endif -%}
-
diff --git a/components/gc-follow-us/samples/gc-follow-us.html b/components/gc-follow-us/samples/gc-follow-us.html
deleted file mode 100644
index 90ff186934..0000000000
--- a/components/gc-follow-us/samples/gc-follow-us.html
+++ /dev/null
@@ -1,100 +0,0 @@
-
-
- {%- if include.isInline -%}
- {%- if page.language == "fr" -%}
- Suivez-nous
- {%- else -%}
- Follow us
- {%- endif -%}
- {%- else -%}
- {%- if page.language == "fr" -%}
- Dans les médias sociaux
- {%- else -%}
- On social media
- {%- endif -%}
- {%- endif -%}
-
-
-
-
diff --git a/components/gc-minister/_base.scss b/components/gc-minister/_base.scss
new file mode 100644
index 0000000000..7c13458228
--- /dev/null
+++ b/components/gc-minister/_base.scss
@@ -0,0 +1,23 @@
+/*
+ GC Ministers
+*/
+
+.gc-minister {
+ margin-bottom: 15px;
+
+ h3 {
+ font-size: 20px;
+ margin-bottom: 15px;
+ margin-top: 15px;
+ }
+
+ p, ul {
+ font-size: 17px;
+ }
+
+ img {
+ border: 1px #ddd solid;
+ margin-bottom: 15px;
+ max-width: 100%;
+ }
+}
diff --git a/components/gc-minister/gc-minister-doc-en.html b/components/gc-minister/gc-minister-doc-en.html
new file mode 100644
index 0000000000..c4d9fa80ba
--- /dev/null
+++ b/components/gc-minister/gc-minister-doc-en.html
@@ -0,0 +1,9 @@
+---
+title: Minister or institutional head
+description: Documentation for the "Minister or institutional head" design pattern
+language: en
+altLangPage: gc-minister-doc-fr.html
+dateModified: 2024-03-11
+layout: documentation
+index_json: index.json-ld
+---
diff --git a/components/gc-minister/gc-minister-doc-fr.html b/components/gc-minister/gc-minister-doc-fr.html
new file mode 100644
index 0000000000..e50da20587
--- /dev/null
+++ b/components/gc-minister/gc-minister-doc-fr.html
@@ -0,0 +1,9 @@
+---
+title: Ministre ou chef d’institution
+description: Documentation pour la configuration de conception « Ministre ou chef d’institution »
+language: fr
+altLangPage: gc-minister-doc-en.html
+dateModified: 2024-03-11
+layout: documentation
+index_json: index.json-ld
+---
diff --git a/components/gc-minister/gc-minister-en.html b/components/gc-minister/gc-minister-en.html
new file mode 100644
index 0000000000..7c34ffae07
--- /dev/null
+++ b/components/gc-minister/gc-minister-en.html
@@ -0,0 +1,21 @@
+---
+{
+ "title": "Minister or institutional head",
+ "description": "Working example for the 'Minister or institutional head' component",
+ "language": "en",
+ "altLangPage": "gc-minister-fr.html",
+ "breadcrumbs": [
+ { "title": "Minister or institutional head - Documentation", "link": "components/gc-minister/gc-minister-doc-en.html" }
+ ],
+ "dateModified": "2024-12-05",
+}
+---
+
+
+Below is working example for the "Minster or institutional head" component when there is only one minister.
+
+{% include_relative samples/gc-minister.html %}
+
+ Code sample
+ {% highlight html %}{% include_relative samples/gc-minister.html %}{% endhighlight %}
+
diff --git a/components/gc-minister/gc-minister-fr.html b/components/gc-minister/gc-minister-fr.html
new file mode 100644
index 0000000000..8578831c19
--- /dev/null
+++ b/components/gc-minister/gc-minister-fr.html
@@ -0,0 +1,21 @@
+---
+{
+ "title": "Ministre ou chef d'institution",
+ "description": "Exemples pratiques pour la composante « Ministre ou chef d'institution »",
+ "language": "fr",
+ "altLangPage": "gc-minister-en.html",
+ "breadcrumbs": [
+ { "title": "Ministre ou chef d'institution - Documentation", "link": "components/gc-minister/gc-minister-doc-fr.html" }
+ ],
+ "dateModified": "2024-12-05"
+}
+---
+
+
+Vous trouverez ci-dessous un exemple pratique pour la composante « Ministre ou chef d'institution » lorsqu'il n'y a qu'un seul ministre.
+
+{% include_relative samples/gc-minister.html %}
+
+ Exemple de code
+ {% highlight html %}{% include_relative samples/gc-minister.html %}{% endhighlight %}
+
diff --git a/components/gc-minister/gc-minister-special-cases-en.html b/components/gc-minister/gc-minister-special-cases-en.html
new file mode 100644
index 0000000000..5eceede62b
--- /dev/null
+++ b/components/gc-minister/gc-minister-special-cases-en.html
@@ -0,0 +1,21 @@
+---
+{
+ "title": "Minister or institutional head - special cases example",
+ "description": "Special cases working example for the 'Minister or institutional head' component.",
+ "language": "en",
+ "altLangPage": "gc-minister-special-cases-fr.html",
+ "breadcrumbs": [
+ { "title": "Minister or institutional head - Documentation", "link": "components/gc-minister/gc-minister-doc-en.html" }
+ ],
+ "dateModified": "2024-12-05",
+}
+---
+
+
+Below is a working example for the "Minster or institutional head" component when the image, mandate letter, and/or briefing book are not available.
+
+{% include_relative samples/gc-minister-special-cases.html %}
+
+ Code sample
+ {% highlight html %}{% include_relative samples/gc-minister-special-cases.html %}{% endhighlight %}
+
diff --git a/components/gc-minister/gc-minister-special-cases-fr.html b/components/gc-minister/gc-minister-special-cases-fr.html
new file mode 100644
index 0000000000..1b8e972d28
--- /dev/null
+++ b/components/gc-minister/gc-minister-special-cases-fr.html
@@ -0,0 +1,21 @@
+---
+{
+ "title": "Ministre ou chef d'institution - cas particuliers",
+ "description": "Exemple pratique pour certains cas particuliers pour la composante « Ministre ou chef d'institution »",
+ "language": "fr",
+ "altLangPage": "gc-minister-special-cases-en.html",
+ "breadcrumbs": [
+ { "title": "Ministre ou chef d'institution - Documentation", "link": "components/gc-minister/gc-minister-doc-fr.html" }
+ ],
+ "dateModified": "2024-12-05"
+}
+---
+
+
+Vous trouverez ci-dessous un exemple pour la composante « Ministre ou chef d'institution » lorsque l'image, la lettre de mandat et/ou le dossier d'information ne sont pas disponibles.
+
+{% include_relative samples/gc-minister-special-cases.html %}
+
+ Exemple de code
+ {% highlight html %}{% include_relative samples/gc-minister-special-cases.html %}{% endhighlight %}
+
diff --git a/components/gc-minister/gc-minister-two-ministers-en.html b/components/gc-minister/gc-minister-two-ministers-en.html
new file mode 100644
index 0000000000..2c4751b88d
--- /dev/null
+++ b/components/gc-minister/gc-minister-two-ministers-en.html
@@ -0,0 +1,21 @@
+---
+{
+ "title": "Minister or institutional head - two ministers example",
+ "description": "Working example for the 'Minister or institutional head' component contains two or more ministers.",
+ "language": "en",
+ "altLangPage": "gc-minister-two-ministers-fr.html",
+ "breadcrumbs": [
+ { "title": "Minister or institutional head - Documentation", "link": "components/gc-minister/gc-minister-doc-en.html" }
+ ],
+ "dateModified": "2024-12-05",
+}
+---
+
+
+Below is working example for when the "Minster or institutional head" component contains two or more ministers. The <div class="col-md-6">
element can be repeated as many times as there are ministers.
+
+{% include_relative samples/gc-minister-two-ministers.html %}
+
+ Code sample
+ {% highlight html %}{% include_relative samples/gc-minister-two-ministers.html %}{% endhighlight %}
+
diff --git a/components/gc-minister/gc-minister-two-ministers-fr.html b/components/gc-minister/gc-minister-two-ministers-fr.html
new file mode 100644
index 0000000000..f7a0699f71
--- /dev/null
+++ b/components/gc-minister/gc-minister-two-ministers-fr.html
@@ -0,0 +1,21 @@
+---
+{
+ "title": "Ministre ou chef d'institution - exemple avec deux ministres",
+ "description": "Exemples pratiques pour la composante « Ministre ou chef d'institution » lorsqu'elle contient deux ministres ou plus.",
+ "language": "fr",
+ "altLangPage": "gc-minister-two-ministers-en.html",
+ "breadcrumbs": [
+ { "title": "Ministre ou chef d'institution - Documentation", "link": "components/gc-minister/gc-minister-doc-fr.html" }
+ ],
+ "dateModified": "2024-12-05"
+}
+---
+
+
+Vous trouverez ci-dessous un exemple pratique pour la composante « Ministre ou chef d'institution » lorsqu'elle contient deux ministres ou plus. L'élément <div class="col-md-6">
peut être répété autant de fois qu'il y a de ministres.
+
+{% include_relative samples/gc-minister-two-ministers.html %}
+
+ Exemple de code
+ {% highlight html %}{% include_relative samples/gc-minister-two-ministers.html %}{% endhighlight %}
+
diff --git a/components/gc-minister/index.json-ld b/components/gc-minister/index.json-ld
new file mode 100644
index 0000000000..53c6a6849d
--- /dev/null
+++ b/components/gc-minister/index.json-ld
@@ -0,0 +1,216 @@
+{
+ "@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": "Minister or institutional head",
+ "fr": "Ministre ou chef d’institution"
+ },
+ "description": {
+ "en": "This component is for the minister or institutional head pattern on the institutional landing page.",
+ "fr": "Ce composant est destiné au modèle du ministre ou du chef d'institution sur la page d'accueil de l'institution."
+ },
+ "modified": "2024-03-11",
+ "componentName": "gc-minister",
+ "status": "stable",
+ "version": "1.0",
+ "pages": {
+ "examples": [
+ {
+ "title": "Minister or institutional head",
+ "language": "en",
+ "path": "gc-minister-en.html"
+ },
+ {
+ "title": "Ministre ou chef d’institution",
+ "language": "fr",
+ "path": "gc-minister-fr.html"
+ },
+ {
+ "title": "Minister or institutional head - two ministers example",
+ "language": "en",
+ "path": "gc-minister-two-ministers-en.html"
+ },
+ {
+ "title": "Ministre ou chef d'institution - exemple avec deux ministres",
+ "language": "fr",
+ "path": "gc-minister-two-ministers-fr.html"
+ },
+ {
+ "title": "Minister or institutional head - special cases example",
+ "language": "en",
+ "path": "gc-minister-special-cases-en.html"
+ },
+ {
+ "title": "Ministre ou chef d'institution - cas particuliers",
+ "language": "fr",
+ "path": "gc-minister-special-cases-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Minister or institutional head",
+ "language": "en",
+ "path": "gc-minister-doc-en.html"
+ },
+ {
+ "title": "Ministre ou chef d’institution",
+ "language": "fr",
+ "path": "gc-minister-doc-fr.html"
+ }
+ ]
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Minister or institutional head - default",
+ "fr": "Ministre ou chef d’institution - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "This component is for the minister or institutional head pattern on the institutional landing page.",
+ "fr": "Ce composant est destiné au modèle du ministre ou du chef d'institution sur la page d'accueil de l'institution."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/mandatory-templates/institutional-profile-pages.html",
+ "fr": "https://conception.canada.ca/modeles-obligatoire/pages-profil-institutionnel.html"
+ },
+ "iteration": "_:iteration_minister_1",
+ "example": [
+ {
+ "en": { "href": "gc-minister-en.html", "text": "Minister or institutional head" },
+ "fr": { "href": "gc-minister-fr.html", "text": "Ministre ou chef d’institution" }
+ },
+ {
+ "en": { "href": "gc-minister-two-ministers-en.html", "text": "Minister or institutional head - two ministers example" },
+ "fr": { "href": "gc-minister-two-ministers-fr.html", "text": "Ministre ou chef d'institution - exemple avec plusieurs ministres" }
+ },
+ {
+ "en": { "href": "gc-minister-special-cases-en.html", "text": "Minister or institutional head - special cases example" },
+ "fr": { "href": "gc-minister-special-cases-fr.html", "text": "Ministre ou chef d'institution - cas particuliers" }
+ }
+ ],
+ "implementation": [
+ "_:implement_minister"
+ ],
+ "history": [
+ {
+ "en": "March 2024 - Initial implementation of the variation.",
+ "fr": "Mars 2024 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_minister",
+ "iteration": "_:iteration_minister_1",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "The following coded example is the default layout. When you are implementing your instance, you can omit any of the following:image mandate letter link briefing book link ",
+ "The <div class=\"col-md-6\">
can be repeated as many times as there are ministers or institutional heads.",
+ "Refer to the official guidance for the appropriate section heading."
+ ],
+ "fr": [
+ "L'exemple codé suivant est la présentation par défaut. Lorsque vous mettez en œuvre votre instance, vous pouvez omettre les éléments suivants :Image Lettre de mandat Dossier d’information ",
+ "Le <div class=\"col-md-6\">
peut être répété autant de fois qu'il y a de ministres ou de chefs d'institution.",
+ "Reportez-vous aux directives officielles pour connaître le titre de section approprié."
+ ]
+ },
+ "notes": {
+ "en": [
+ "The recommended image size is 200px by 250px."
+ ],
+ "fr": [
+ "La taille d'image recommandée est de 200px par 250px."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample with image:",
+ "code": "\n\tMinister \n\t\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
[Official title]
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t
\n "
+ },
+ {
+ "@type": "source-code",
+ "description": "Code sample without image:",
+ "code": "\n\tMinister \n\t\n\t\t
\n\t\t\t
\n\t\t\t
[Official title]
\n\t\t\t
\n\t\t
\n\t
\n "
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code avec image :",
+ "code": "\n\tMinistre \n\t\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
[Titre officiel du ministre]
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t
\n "
+ },
+ {
+ "@type": "source-code",
+ "description": "Exemple de code sans image :",
+ "code": "\n\tMinistre \n\t\n\t\t
\n\t\t\t
\n\t\t\t
[Titre officiel du ministre]
\n\t\t\t
\n\t\t
\n\t
\n "
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_minister_1",
+ "name": "Minister - Iteration 1",
+ "date": "2024-03",
+ "detectableBy": ".gc-minister",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample with image",
+ "code": "\n\tMinister \n\t\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
[Official title]
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t
\n\t
\n "
+ },
+ {
+ "@type": "source-code",
+ "description": "Code sample without image",
+ "code": "\n\tMinister \n\t\n\t\t
\n\t\t\t
\n\t\t\t
[Official title]
\n\t\t\t
\n\t\t
\n\t
\n "
+ }
+ ]
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_minister",
+ "name": "Minister or institutional head",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_minister_1",
+ "detectableBy": ".gc-minister",
+ "layout": "Each minister takes up half the container. The image (if available) is on the left",
+ "semantic": "section ((h3 a) + img + p + (ul > li))",
+ "style": "The image has a thin grey border.",
+ "context": "To be used in the institutional landing page template.",
+ "schema": [
+ "Section title (type: STRING) - for example: Minister, President, Parliamentary secretary, Associate minister, Ombudsman, Management",
+ "Ministers (type: ARRAY)",
+ "Ministers > Name (type: STRING)",
+ "Ministers > Title (type: STRING)",
+ "Ministers > Page URL (type: STRING)",
+ "Ministers > Image URL (type: STRING)",
+ "Ministers > Mandate letter text (type: STRING)",
+ "Ministers > Mandate letter URL (type: STRING)",
+ "Ministers > Briefing book text (type: STRING)",
+ "Ministers > Briefing book URL (type: STRING)"
+ ],
+ "mediaConsiderations": "Recommended image size: 200x250px."
+ }
+ ]
+}
diff --git a/components/gc-minister/samples/gc-minister-special-cases.html b/components/gc-minister/samples/gc-minister-special-cases.html
new file mode 100644
index 0000000000..ccc7f103b5
--- /dev/null
+++ b/components/gc-minister/samples/gc-minister-special-cases.html
@@ -0,0 +1,46 @@
+
+ {% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}
+
+
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
diff --git a/components/gc-minister/samples/gc-minister-two-ministers.html b/components/gc-minister/samples/gc-minister-two-ministers.html
new file mode 100644
index 0000000000..93757ff9d7
--- /dev/null
+++ b/components/gc-minister/samples/gc-minister-two-ministers.html
@@ -0,0 +1,39 @@
+
+ {% if page.language == "en" %}Ministers{% else %}Ministres{% endif %}
+
+
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
+
diff --git a/components/gc-minister/samples/gc-minister.html b/components/gc-minister/samples/gc-minister.html
new file mode 100644
index 0000000000..7f5a049173
--- /dev/null
+++ b/components/gc-minister/samples/gc-minister.html
@@ -0,0 +1,22 @@
+
+ {% if page.language == "en" %}Minister{% else %}Ministre{% endif %}
+
+
+
+
+
+
+
+
+
{% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}
+
+
+
+
+
+
diff --git a/components/gc-most-requested/_base.scss b/components/gc-most-requested/_base.scss
index 1479a3825c..bf233192d8 100644
--- a/components/gc-most-requested/_base.scss
+++ b/components/gc-most-requested/_base.scss
@@ -1,21 +1,36 @@
-/* Provisional most requested component */
+/*
+ Most requested component
+*/
-.provisional.gc-most-requested {
- border: none;
+// Make sure the component is not inside a container
+main:not(.container) .gc-most-requested,
+div:not(.container) .gc-most-requested {
+ background-color: #f5f5f5;
+ margin-bottom: 20px;
+ padding: 24px 0 12px;
h2 {
font-size: $font-size-h4;
- margin-top: $space-md;
+ margin-top: 0;
}
- ul {
- margin-bottom: $space-md;
- margin-top: $space-md;
+ ul {
li {
font-family: "Lato", sans-serif;
- font-size: $small-size;
+ font-size: 19px;
font-weight: $bold-weight;
- line-height: 1.5em;
+ line-height: 1.8em;
}
}
}
+
+// To be removed when ILP version 1 is deprecated
+.provisional.gc-most-requested {
+ h2 {
+ white-space: nowrap;
+ }
+
+ ul {
+ display: block !important;
+ }
+}
diff --git a/components/gc-most-requested/_screen-md-min.scss b/components/gc-most-requested/_screen-md-min.scss
new file mode 100644
index 0000000000..ca60120097
--- /dev/null
+++ b/components/gc-most-requested/_screen-md-min.scss
@@ -0,0 +1,24 @@
+/*
+ Most requested component
+*/
+
+// Make sure the component is not inside a container
+main:not(.container) .gc-most-requested,
+div:not(.container) .gc-most-requested {
+ h2 {
+ float: left;
+ width: 16.666667%;
+ }
+
+ ul {
+ display: flex;
+ flex-wrap: wrap;
+ padding-left: 2.5em;
+
+ li {
+ flex-basis: 50%;
+ font-size: $small-size;
+ padding-right: 1.3em;
+ }
+ }
+}
diff --git a/components/gc-most-requested/gc-most-requested-bad-en.html b/components/gc-most-requested/gc-most-requested-bad-en.html
new file mode 100644
index 0000000000..9cb0ecd512
--- /dev/null
+++ b/components/gc-most-requested/gc-most-requested-bad-en.html
@@ -0,0 +1,50 @@
+---
+{
+ "altLangPage": "gc-most-requested-bad-fr.html",
+ "dateModified": "2024-02-14",
+ "description": "Bad implementation example for the Most requested component.",
+ "language": "en",
+ "title": "Most requested - bad implementation",
+ "breadcrumbs": [
+ { "title": "Most requested - Documentation", "link": "components/gc-most-requested/gc-most-requested-doc-en.html" }
+ ],
+ "pageclass": "wb-prettify all-pre"
+}
+---
+
+Below is an example for a bad implementation of the Most requested component. In this example, the component is located inside another element with the class container
, which is not allowed.
+
+
+
+
+ Code
+ <main class="container">
+ ...
+ <section class="gc-most-requested">
+ <div class="container">
+ <h2>Most requested</h2>
+ <ul>
+ <li><a href="#">[Top task hyperlink 1]</a></li>
+ <li><a href="#">[Top task hyperlink 2]</a></li>
+ <li><a href="#">[Top task hyperlink 3]</a></li>
+ <li><a href="#">[Top task hyperlink 4]</a></li>
+ <li><a href="#">[Top task hyperlink 5]</a></li>
+ <li><a href="#">[Top task hyperlink 6]</a></li>
+ </ul>
+ </div>
+ </section>
+ ...
+</main>
+
diff --git a/components/gc-most-requested/gc-most-requested-bad-fr.html b/components/gc-most-requested/gc-most-requested-bad-fr.html
new file mode 100644
index 0000000000..92da2e6997
--- /dev/null
+++ b/components/gc-most-requested/gc-most-requested-bad-fr.html
@@ -0,0 +1,50 @@
+---
+{
+ "altLangPage": "gc-most-requested-bad-en.html",
+ "dateModified": "2024-02-14",
+ "description": "Exemple de mauvaise implémentation pour la composante En demande",
+ "language": "fr",
+ "title": "En demande",
+ "breadcrumbs": [
+ { "title": "En demande - Documentation", "link": "components/gc-most-requested/gc-most-requested-doc-fr.html" }
+ ],
+ "pageclass": "wb-prettify all-pre"
+}
+---
+
+Vous trouverez ci-dessous un exemple de mauvaise implémentation pour la composante En demande. Dans cet exemple, la composante est située à l'intérieur d'un autre élément avec la classe container
, ce qui n'est pas autorisé.
+
+
+
+
+ Code
+ <main class="container">
+ ...
+ <section class="gc-most-requested">
+ <div class="container">
+ <h2>En demande</h2>
+ <ul>
+ <li><a href="#">[Lien vers une tâche principale 1]</a></li>
+ <li><a href="#">[Lien vers une tâche principale 2]</a></li>
+ <li><a href="#">[Lien vers une tâche principale 3]</a></li>
+ <li><a href="#">[Lien vers une tâche principale 4]</a></li>
+ <li><a href="#">[Lien vers une tâche principale 5]</a></li>
+ <li><a href="#">[Lien vers une tâche principale 6]</a></li>
+ </ul>
+ </div>
+ </section>
+ ...
+</main>
+
diff --git a/components/gc-most-requested/gc-most-requested-doc-en.html b/components/gc-most-requested/gc-most-requested-doc-en.html
new file mode 100644
index 0000000000..829c89a3a2
--- /dev/null
+++ b/components/gc-most-requested/gc-most-requested-doc-en.html
@@ -0,0 +1,9 @@
+---
+title: Most requested - Documentation
+description: Documentation for Most requested component
+language: en
+altLangPage: gc-most-requested-doc-fr.html
+dateModified: 2024-02-14
+layout: documentation
+index_json: index.json-ld
+---
diff --git a/components/gc-most-requested/gc-most-requested-doc-fr.html b/components/gc-most-requested/gc-most-requested-doc-fr.html
new file mode 100644
index 0000000000..8e0a50c91d
--- /dev/null
+++ b/components/gc-most-requested/gc-most-requested-doc-fr.html
@@ -0,0 +1,9 @@
+---
+title: En demande - Documentation
+description: Documentation de la composante En demande
+language: fr
+altLangPage: gc-most-requested-doc-en.html
+dateModified: 2024-02-14
+layout: documentation
+index_json: index.json-ld
+---
diff --git a/components/gc-most-requested/gc-most-requested-en.html b/components/gc-most-requested/gc-most-requested-en.html
index 97dba25640..80999a1870 100644
--- a/components/gc-most-requested/gc-most-requested-en.html
+++ b/components/gc-most-requested/gc-most-requested-en.html
@@ -1,79 +1,28 @@
---
-dateModified: "2021-05-21"
-description: "Documentation and working example for most requested - provisional feature"
-language: "en"
-altLangPage: "gc-most-requested-fr.html"
-title: "Most requested - Provisional feature"
+{
+ "altLangPage": "gc-most-requested-fr.html",
+ "dateModified": "2024-02-14",
+ "description": "Working examples for the Most requested component.",
+ "language": "en",
+ "title": "Most requested",
+ "breadcrumbs": [
+ { "title": "Most requested - Documentation", "link": "components/gc-most-requested/gc-most-requested-doc-en.html" }
+ ],
+ "layout": "no-container",
+ "pageclass": "wb-prettify all-pre"
+}
---
-{% include alert-provisional.html %}
-
+
+
Most requested
+
Below is a working example for the Most requested component.
+
-
- Status
- Provisional
- Type
- Canada.ca design pattern
- Last review
- 2021-05-21
- Conforming to
- n/a
- Guidance
- Most requested - Canada.ca design pattern (to be updated)
- Technical name
- gc-most-requested
-
+{% include_relative samples/gc-most-requested.html %}
-Purpose
-This adds a most requested section that features top tasks related to the page it is on.
-
-Working example
-
-Most requested (provisional v1.0)
-
-
-Code
-
-<section class="well well-sm provisional gc-most-requested">
- <div class="container">
- <div class="row">
- <div class="col-md-2">
- <h2>Most requested</h2>
- </div>
- <div class="col-md-10">
- <ul class="colcount-md-2">
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- <li><a href="#">[Top task hyperlink]</a></li>
- </ul>
- </div>
- </div>
- </div>
-</section>
-
-
-Evaluation and report
-There is no evaluation and report available for this component.
+
+
+ Code sample
+ {% highlight html %}{% include_relative samples/gc-most-requested.html %}{% endhighlight %}
+
+
diff --git a/components/gc-most-requested/gc-most-requested-fr.html b/components/gc-most-requested/gc-most-requested-fr.html
index 988e3f2b0a..097ad6a2f8 100644
--- a/components/gc-most-requested/gc-most-requested-fr.html
+++ b/components/gc-most-requested/gc-most-requested-fr.html
@@ -1,79 +1,28 @@
---
-dateModified: "2021-05-21"
-description: "Documentation et exemple pratique de en demande- fonctionnalité provisoire"
-language: "fr"
-altLangPage: "gc-most-requested-en.html"
-title: "En demande - fonctionnalité provisoire"
+{
+ "altLangPage": "gc-most-requested-en.html",
+ "dateModified": "2024-07-11",
+ "description": "Exemples pratiques pour la composante En demande",
+ "language": "fr",
+ "title": "En demande",
+ "breadcrumbs": [
+ { "title": "En demande - Documentation", "link": "components/gc-most-requested/gc-most-requested-doc-fr.html" }
+ ],
+ "layout": "no-container",
+ "pageclass": "wb-prettify all-pre"
+}
---
-{% include alert-provisional.html %}
-
+
+
En demande
+
Vous trouverez ci-dessous un exemple pratique pour le composant En demande.
+
-
- Statut
- Provisiore
- Type
- Conception de Canada.ca
- Dernière revue
- 2021-05-21
- Est conforme à
- n/a
- Directives
- En demande - Système de conception de Canada.ca (à mettre à jour)
- Nom technique
- gc-most-requested
-
+{% include_relative samples/gc-most-requested.html %}
-Objectif
-Ceci ajoute une section en vedette qui comprend des tâches principales liées à la page sur laquelle elles se trouvent.
-
-Exemple pratique
-
-En demande (provisoire v1.0)
-
-
-Code
-
-<section class="well well-sm provisional gc-most-requested">
- <div class="container">
- <div class="row">
- <div class="col-md-2">
- <h2>En demande</h2>
- </div>
- <div class="col-md-10">
- <ul class="colcount-md-2">
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- <li><a href="#">[Tâches principale]</a></li>
- </ul>
- </div>
- </div>
- </div>
-</section>
-
-
-Évaluation et rapport
-Il n'y a pas d'évaluation et de rapport disponibles pour ce composant.
+
+
+ Exemple de code
+ {% highlight html %}{% include_relative samples/gc-most-requested.html %}{% endhighlight %}
+
+
diff --git a/components/gc-most-requested/gc-most-requested-provisional-en.html b/components/gc-most-requested/gc-most-requested-provisional-en.html
new file mode 100644
index 0000000000..7dca28500a
--- /dev/null
+++ b/components/gc-most-requested/gc-most-requested-provisional-en.html
@@ -0,0 +1,65 @@
+---
+{
+ "dateModified": "2024-04-17",
+ "description": "Working examples for the Most requested component provisional.",
+ "language": "en",
+ "title": "Most requested (provisional)",
+ "breadcrumbs": [
+ { "title": "Most requested - Documentation", "link": "components/gc-most-requested/gc-most-requested-doc-en.html" }
+ ],
+ "layout": "no-container",
+ "pageclass": "wb-prettify all-pre"
+}
+---
+
+
+
Most requested (provisional)
+
Below is a working example for the Most requested component in its provisional state prior to v14.8.
+
+
+
+
+
+
+ Code sample
+ <section class="well well-sm provisional gc-most-requested">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-2">
+ <h2>Most requested</h2>
+ </div>
+ <div class="col-md-10">
+ <ul class="colcount-md-2">
+ <li><a href="#">[Top task hyperlink]</a></li>
+ <li><a href="#">[Top task hyperlink]</a></li>
+ <li><a href="#">[Top task hyperlink]</a></li>
+ <li><a href="#">[Top task hyperlink]</a></li>
+ <li><a href="#">[Top task hyperlink]</a></li>
+ <li><a href="#">[Top task hyperlink]</a></li>
+ <li><a href="#">[Top task hyperlink]</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+</section>
+
+
diff --git a/components/gc-most-requested/index.json-ld b/components/gc-most-requested/index.json-ld
index ca79a40045..0e040c9ab1 100644
--- a/components/gc-most-requested/index.json-ld
+++ b/components/gc-most-requested/index.json-ld
@@ -7,28 +7,189 @@
"modified": "dct:modified"
},
"title": {
- "en": "Most requested - Documentation and working example",
- "fr": "En demande - Documentation et example pratique"
+ "en": "Most requested",
+ "fr": "En demande"
},
"description": {
"en": "Features top tasks related to the page it is on.",
"fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent."
},
- "modified": "2021-05-20",
+ "modified": "2024-02-14",
"componentName": "gc-most-requested",
- "status": "provisional",
+ "status": "stable",
+ "version": "1.0",
"pages": {
+ "docs": [
+ {
+ "title": "Most requested - Documentation",
+ "language": "en",
+ "path": "gc-most-requested-doc-en.html"
+ },
+ {
+ "title": "En demande - Documentation",
+ "language": "fr",
+ "path": "gc-most-requested-doc-fr.html"
+ }
+ ],
"examples": [
{
- "title": "Most requested - Documentation and working example",
+ "title": "Most requested",
"language": "en",
"path": "gc-most-requested-en.html"
},
- {
+ {
"title": "En demande",
"language": "fr",
- "path": "gc-most-requested-fr.html - Documentation et example pratique"
+ "path": "gc-most-requested-fr.html"
+ },
+ {
+ "title": "Most requested - bad implementation",
+ "language": "en",
+ "path": "gc-most-requested-bad-en.html"
+ },
+ {
+ "title": "En demande - mauvaise implémentation",
+ "language": "fr",
+ "path": "gc-most-requested-bad-fr.html"
}
]
- }
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Most requested - default",
+ "fr": "En demande - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Features top tasks related to the page it is on.",
+ "fr": "Comprend des tâches principales liées à la page sur laquelle elles se trouvent."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/most-requested.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/en-demande.html"
+ },
+ "iteration": "_:iteration_mostrequested_1",
+ "example": [
+ {
+ "en": { "href": "gc-most-requested-en.html", "text": "Most requested" },
+ "fr": { "href": "gc-most-requested-fr.html", "text": "En demande" }
+ },
+ {
+ "en": { "href": "gc-most-requested-bad-en.html", "text": "Most requested - bad implementation" },
+ "fr": { "href": "gc-most-requested-bad-fr.html", "text": "En demande - mauvaise implémentation" }
+ }
+ ],
+ "implementation": [
+ "_:implement_mostrequested"
+ ],
+ "history": [
+ {
+ "en": "February 2024 - Initial implementation of the variation.",
+ "fr": "Février 2024 - Implémentation initiale de la variante."
+ },
+ {
+ "en": "June 2021 - Provisional implementation of the variation.",
+ "fr": "Juin 2021 - Implémentation provisionnelle de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_mostrequested",
+ "iteration": "_:iteration_mostrequested_1",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the code sample below.",
+ "The component cannot be located inside another element with the class container
."
+ ],
+ "fr": [
+ "Référez-vous au code qui suit.",
+ "La composante ne peut pas être située à l'intérieur d'un autre élément avec la classe container
."
+ ]
+ },
+ "notes": {
+ "en": [
+ "The Most requested component on the home page is out of scope of this component."
+ ],
+ "fr": [
+ "La composante En demande sur la page d'accueil est exclue de cette composante."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "description": "Code sample:",
+ "code": "\n\t\n\t\t
Most requested \n\t\t
\n\t
\n "
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "description": "Exemple de code :",
+ "code": "\n\t\n\t\t
En demande \n\t\t
\n\t
\n "
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_mostrequested_1",
+ "name": "Most requested - Iteration 1",
+ "date": "2024-02",
+ "detectableBy": ".gc-most-requested:not(.provisional)",
+ "predecessor": "_:iteration_mostrequested_0",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": "\n\t\n\t\t
Most requested \n\t\t
\n\t
\n "
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_mostrequested_0",
+ "name": "Most requested - Provisional",
+ "date": "2021-06",
+ "detectableBy": ".provisional.gc-most-requested",
+ "successor": "_:iteration_mostrequested_1"
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_mostrequested",
+ "name": "Most requested",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_mostrequested_1",
+ "detectableBy": ".gc-most-requested",
+ "layout": "On smaller screens, the title is on the top and links are stacked. On medium and larger, the title is on the left and links are distributed over two columns from left to right and top to bottom.",
+ "style": "The component has a light gray background.",
+ "semantic": "h2 + (ul > li > a)",
+ "static": [
+ "Most requested",
+ "En demande"
+ ],
+ "context": "The component must not be located inside an element with the class \"container\"",
+ "schema": [
+ "arrays of 'MostRequestedLink'",
+ "'MostRequestedLink' object: [ \"task links\", \"task names\" ]"
+ ],
+ "test": [
+ "Most-requested (provisional) "
+ ]
+ }
+ ]
}
diff --git a/components/gc-most-requested/samples/gc-most-requested.html b/components/gc-most-requested/samples/gc-most-requested.html
new file mode 100644
index 0000000000..8796902f74
--- /dev/null
+++ b/components/gc-most-requested/samples/gc-most-requested.html
@@ -0,0 +1,13 @@
+
+
+
{% if page.language == "en" %}Most requested{% else %}En demande{% endif %}
+
+
+
diff --git a/components/gc-servinfo/gc-srvinfo-examples.html b/components/gc-servinfo/gc-srvinfo-examples.html
deleted file mode 100644
index 9ac52e4b17..0000000000
--- a/components/gc-servinfo/gc-srvinfo-examples.html
+++ /dev/null
@@ -1,190 +0,0 @@
----
-{
- "title": "Services and information - Working examples",
- "language": "en",
- "breadcrumbs": [
- { "title": "gc-srvinfo", "link": "components/gc-servinfo/gc-srvinfo.html" }
- ],
- "secondlevel": false,
- "dateModified": "2019-01-16",
- "share": "true"
-}
----
-
-
-
-
-
-
-Example 1: Doormat links in 2 columns pattern
-
- Services and information
-
-
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-Code
-
-<section class="gc-srvinfo">
- <h2>Services and information</h2>
- <div class="wb-eqht row">
- <div class="col-md-6">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
- </div>
- <div class="col-md-6">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
- </div>
- <div class="col-md-6">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
- </div>
- <div class="col-md-6">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
- </div>
- </div>
-</section>
-Example 2: Doormat links in single column pattern
-
- Services and information
-
- Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
- Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
- Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-Code
-
-<section class="gc-srvinfo">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p>
-</section>
-Example 3: Sequential doormat links in single column pattern
-
- Services and information
-
-
-
- Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
- Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
- Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-Code
-
-<section class="gc-srvinfo">
-<h2>Services and information</h2>
-<ol>
- <li><h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p></li>
- <li><h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p></li>
- <li><h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.</p></li>
-</ol>
-</section>
-Example 4: Doormat links in 3 columns grouped with headings pattern
-
- Services for Canadians in Canada
-
-
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-
- Services for Canadians abroad
-
-
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-
Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs.
-
-
-
-Code
-
-<section class="gc-srvinfo">
-<h2>Services for Canadians in Canada</h2>
-<div class="wb-eqht row">
- <div class="col-md-6 col-lg-4">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p>
- </div>
- <div class="col-md-6 col-lg-4">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p>
- </div>
- <div class="col-md-6 col-lg-4">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p>
- </div>
-</div>
-</section>
-<section class="gc-srvinfo">
-<h2>Services for Canadians abroad</h2>
-<div class="wb-eqht row">
- <div class="col-md-6 col-lg-4">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p>
- </div>
- <div class="col-md-6 col-lg-4">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p>
- </div>
- <div class="col-md-6 col-lg-4">
- <h3><a href="#">[Subtopic hyperlink text]</a></h3>
- <p>Summary of the information or tasks that can be accomplished on the sub-topic page. Remove prose or promotional messaging. Use action verbs. </p>
- </div>
-</div>
-</section>
diff --git a/components/gc-servinfo/index.json-ld b/components/gc-servinfo/index.json-ld
deleted file mode 100644
index 36879c5f22..0000000000
--- a/components/gc-servinfo/index.json-ld
+++ /dev/null
@@ -1,46 +0,0 @@
-{
- "@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": "Services and information",
- "fr": "Services et information"
- },
- "description": {
- "en": "Used to present sets of links with accompanying descriptions.",
- "fr": "Utilisé pour présenter des ensembles de liens accompagnés de descriptions."
- },
- "modified": "2023-09-06",
- "componentName": "gc-servinfo",
- "status": "stable",
- "pages": {
- "examples": [
- {
- "title": "Services and information",
- "language": "en",
- "path": "gc-srvinfo-examples.html"
- },
- {
- "title": "Services et information (en anglais seulement)",
- "language": "fr",
- "path": "gc-srvinfo-examples.html"
- }
- ],
- "docs": [
- {
- "title": "Services and information",
- "language": "en",
- "path": "gc-srvinfo.html"
- },
- {
- "title": "Services et information (en anglais seulement)",
- "language": "fr",
- "path": "gc-srvinfo.html"
- }
- ]
- }
-}
diff --git a/components/gc-servinfo/_base.scss b/components/gc-srvinfo/_base.scss
similarity index 100%
rename from components/gc-servinfo/_base.scss
rename to components/gc-srvinfo/_base.scss
diff --git a/components/gc-servinfo/_screen-sm-max.scss b/components/gc-srvinfo/_screen-sm-max.scss
similarity index 100%
rename from components/gc-servinfo/_screen-sm-max.scss
rename to components/gc-srvinfo/_screen-sm-max.scss
diff --git a/components/gc-srvinfo/gc-srvinfo-doc-en.html b/components/gc-srvinfo/gc-srvinfo-doc-en.html
new file mode 100644
index 0000000000..64a26d23ef
--- /dev/null
+++ b/components/gc-srvinfo/gc-srvinfo-doc-en.html
@@ -0,0 +1,12 @@
+---
+{
+ "title": "Services and information",
+ "language": "en",
+ "altLangPage": "gc-srvinfo-doc-fr.html",
+ "secondlevel": false,
+ "dateModified": "2019-01-08",
+ "share": "true",
+ "layout": "documentation",
+ "index_json": "index.json-ld"
+}
+---
diff --git a/components/gc-srvinfo/gc-srvinfo-doc-fr.html b/components/gc-srvinfo/gc-srvinfo-doc-fr.html
new file mode 100644
index 0000000000..d58268e103
--- /dev/null
+++ b/components/gc-srvinfo/gc-srvinfo-doc-fr.html
@@ -0,0 +1,12 @@
+---
+{
+ "title": "Services et renseignements",
+ "language": "fr",
+ "altLangPage": "gc-srvinfo-doc-en.html",
+ "secondlevel": false,
+ "dateModified": "2019-01-08",
+ "share": "true",
+ "layout": "documentation",
+ "index_json": "index.json-ld"
+}
+---
diff --git a/components/gc-srvinfo/gc-srvinfo-en.html b/components/gc-srvinfo/gc-srvinfo-en.html
new file mode 100644
index 0000000000..906e708b0f
--- /dev/null
+++ b/components/gc-srvinfo/gc-srvinfo-en.html
@@ -0,0 +1,315 @@
+---
+{
+ "title": "Services and information - Working examples",
+ "language": "en",
+ "altLangPage": "gc-srvinfo-fr.html",
+ "breadcrumbs": [
+ { "title": "Services and information - Documentation", "link": "components/gc-srvinfo/gc-srvinfo-doc-en.html" }
+ ],
+ "secondlevel": false,
+ "dateModified": "2019-01-16",
+ "share": "true"
+}
+---
+
+
+
+ Headings structure
+ The logic semantic structure of headings have not been followed to accommodate the following working examples.
+
+
+Example 1: 3 columns pattern
+
+ Services and information
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+Code
+<section class="gc-srvinfo">
+ <h2>Services and information</h2>
+ <div class="wb-eqht row">
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ </div>
+</section>
+
+Example 2: 2 columns pattern
+
+ Services and information
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+Code
+<section class="gc-srvinfo">
+ <h2>Services and information</h2>
+ <div class="wb-eqht row">
+ <div class="col-md-6">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ </div>
+</section>
+
+Example 3: Doormat links in single column pattern
+
+ Services and information
+
+ Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+ Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+ Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+Code
+<section class="gc-srvinfo">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+</section>
+
+Example 4: Sequential doormat links in single column pattern
+
+ Services and information
+
+
+
+ Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+ Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+ Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+Code
+<section class="gc-srvinfo">
+ <h2>Services and information</h2>
+ <ol>
+ <li>
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </li>
+ <li>
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </li>
+ <li>
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </li>
+ </ol>
+</section>
+
+Example 5: Doormat links in 3 columns grouped with headings pattern
+
+ Services for Canadians in Canada
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
+ Services for Canadians abroad
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+Code
+<section class="gc-srvinfo">
+ <h2>Services for Canadians in Canada</h2>
+ <div class="wb-eqht row">
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p>
+ </div>
+ </div>
+</section>
+
+<section class="gc-srvinfo">
+ <h2>Services for Canadians abroad</h2>
+ <div class="wb-eqht row">
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to </p>
+ </div>
+ </div>
+</section>
+
+Example 6: 3 columns pattern with invisible header
+
+ Services and information
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+
+
+Code
+<section class="gc-srvinfo">
+ <h2 class="wb-inv">Services and information</h2>
+ <div class="wb-eqht row">
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Hyperlink text]</a></h3>
+ <p>Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to</p>
+ </div>
+ </div>
+</section>
diff --git a/components/gc-srvinfo/gc-srvinfo-fr.html b/components/gc-srvinfo/gc-srvinfo-fr.html
new file mode 100644
index 0000000000..b6e9bf2411
--- /dev/null
+++ b/components/gc-srvinfo/gc-srvinfo-fr.html
@@ -0,0 +1,318 @@
+---
+{
+ "title": "Services et renseignements - Exemples pratiques",
+ "language": "fr",
+ "altLangPage": "gc-srvinfo-en.html",
+ "breadcrumbs": [
+ { "title": "Services et renseignements - Documentation", "link": "components/gc-srvinfo/gc-srvinfo-doc-fr.html" }
+ ],
+ "secondlevel": false,
+ "dateModified": "2019-01-16",
+ "share": "true"
+}
+---
+
+
+
+ Structure des en-têtes
+ La structure sémantique logique des en-têtes n'a pas été suivie afin de s'adapter aux exemples pratiques suivants.
+
+
+Exemple 1: disposition sur 3 colonnes
+
+ Services et renseignements
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
+Code
+<section class="gc-srvinfo">
+ <h2>Services et renseignements</h2>
+ <div class="wb-eqht row">
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ </div>
+</section>
+
+Exemple 2: disposition sur 2 colonnes
+
+ Services et renseignements
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
+Code
+<section class="gc-srvinfo">
+ <h2>Services et renseignements</h2>
+ <div class="wb-eqht row">
+ <div class="col-md-6">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ </div>
+</section>
+
+Exemple 3: disposition sur 1 colonne
+
+ Services et renseignements
+
+ Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+ Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+ Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+Code
+<section class="gc-srvinfo">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+</section>
+
+Exemple 4: liens séquentiels avec disposition sur 1 colonne
+
+ Services et renseignements
+
+
+
+ Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+ Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+ Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+Code
+<section class="gc-srvinfo">
+ <h2>Services et renseignements</h2>
+ <ol>
+ <li>
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </li>
+ <li>
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </li>
+ <li>
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </li>
+ </ol>
+</section>
+
+Exemple 5: disposition groupée avec titres, sur 3 colonnes
+
+ Services pour les Canadiens au Canada
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
+ Services pour les Canadiens à l'étranger
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+Code
+<section class="gc-srvinfo">
+ <h2>Services for Canadians in Canada</h2>
+ <div class="wb-eqht row">
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p>
+ </div>
+ </div>
+</section>
+
+<section class="gc-srvinfo">
+ <h2>Services for Canadians abroad</h2>
+ <div class="wb-eqht row">
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée </p>
+ </div>
+ </div>
+</section>
+
+Exemple 6: disposition sur 3 colonnes avec en-tête invisible
+
+ Services et renseignements
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+
+
+
+Code
+<section class="gc-srvinfo">
+ <h2 class="wb-inv">Services et renseignements</h2>
+ <div class="wb-eqht row">
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ <div class="col-md-6 col-lg-4">
+ <h3><a href="#">[Texte de l'hyperlien]</a></h3>
+ <p>Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée</p>
+ </div>
+ </div>
+</section>
diff --git a/components/gc-servinfo/gc-srvinfo.html b/components/gc-srvinfo/gc-srvinfo-technical.html
similarity index 98%
rename from components/gc-servinfo/gc-srvinfo.html
rename to components/gc-srvinfo/gc-srvinfo-technical.html
index b52af68694..28fa09838f 100644
--- a/components/gc-servinfo/gc-srvinfo.html
+++ b/components/gc-srvinfo/gc-srvinfo-technical.html
@@ -1,10 +1,13 @@
---
{
- "title": "Services and information - Common design pattern",
+ "title": "Services and information",
"language": "en",
+ "altLangPage": "gc-srvinfo-doc-fr.html",
"secondlevel": false,
"dateModified": "2019-01-08",
- "share": "true"
+ "share": "true",
+ "layout": "documentation",
+ "index_json": "index.json-ld"
}
---
@@ -14,7 +17,7 @@
Up to spec
Type
- Common design pattern
+ Component
Last review
2019-01-08
diff --git a/components/gc-srvinfo/index.json-ld b/components/gc-srvinfo/index.json-ld
new file mode 100644
index 0000000000..216b93378b
--- /dev/null
+++ b/components/gc-srvinfo/index.json-ld
@@ -0,0 +1,245 @@
+{
+ "@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": "Services and information",
+ "fr": "Services et information"
+ },
+ "description": {
+ "en": "Used to present sets of links with accompanying descriptions.",
+ "fr": "Utilisé pour présenter des ensembles de liens accompagnés de descriptions."
+ },
+ "modified": "2024-07-26",
+ "componentName": "gc-srvinfo",
+ "status": "stable",
+ "version": "3.1",
+ "pages": {
+ "examples": [
+ {
+ "title": "Services and information",
+ "language": "en",
+ "path": "gc-srvinfo-en.html"
+ },
+ {
+ "title": "Services et renseignements",
+ "language": "fr",
+ "path": "gc-srvinfo-fr.html"
+ }
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #1 - services and information",
+ "language": "en",
+ "path": "reports/ally-1-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #1 - Services et information",
+ "language": "fr",
+ "path": "reports/ally-1-fr.html"
+ }
+ ],
+ "docs": [
+ {
+ "title": "Services and information",
+ "language": "en",
+ "path": "gc-srvinfo-doc-en.html"
+ },
+ {
+ "title": "Services et renseignements",
+ "language": "fr",
+ "path": "gc-srvinfo-doc-fr.html"
+ }
+ ]
+ },
+ "a11yGuidance": "No accessibility guidance.",
+ "variations": [
+ {
+ "name": {
+ "en": "Services and information - default",
+ "fr": "Services et renseignements - par défaut"
+ },
+ "status": "stable",
+ "description": {
+ "en": "Used to present sets of links with accompanying descriptions over 3 columns on large screens.",
+ "fr": "Utilisé pour présenter des ensembles de liens accompagnés de descriptions sur 3 colonnes sur les grands écrans."
+ },
+ "guidance": {
+ "en": "https://design.canada.ca/common-design-patterns/services-information.html",
+ "fr": "https://conception.canada.ca/configurations-conception-communes/services-renseignements.html"
+ },
+ "iteration": "_:iteration_srvinfo_3",
+ "example": [
+ {
+ "en": { "href": "gc-srvinfo-en.html", "text": "Services and information" },
+ "fr": { "href": "gc-srvinfo-fr.html", "text": "Services et renseignements" }
+ }
+ ],
+ "implementation": [
+ "_:implement_srvinfo"
+ ],
+ "history": [
+ {
+ "en": "July 2024 - Added example with invisible header.",
+ "fr": "Juillet 2024 - Ajout de l'exemple avec en-tête invisible."
+ },
+ {
+ "en": "February 2024 - Added .gc-srvinfo CSS class.",
+ "fr": "Février 2024 - Ajout de la classe CSS .gc-srvinfo."
+ },
+ {
+ "en": "September 2017 - Removed CSS class .gcdrmt and removed details/summary when more than 10 services and information.",
+ "fr": "Septembre 2017 - Suppression de la classe CSS .gcdrmt et suppression des détails/résumé lorsqu'il y a plus de 10 services et informations."
+ },
+ {
+ "en": "August 2016 - Separated column layout from section delimiter.",
+ "fr": "Août 2016 - Disposition des colonnes séparées du délimiteur de section."
+ },
+ {
+ "en": "April 2016 - Added .gcdrmt CSS class. Limit to 10 visible services and information with details/summary to show more.",
+ "fr": "Avril 2016 - Ajout de la classe CSS .gcdrmt. Limite de 10 services et renseignements visibles avec \"details/summary\" pour en afficher plus."
+ },
+ {
+ "en": "August 2014 - Initial implementation of the variation.",
+ "fr": "Août 2014 - Implémentation initiale de la variante."
+ }
+ ]
+ }
+ ],
+ "implementation": [
+ {
+ "@id": "_:implement_srvinfo",
+ "iteration": "_:iteration_srvinfo_3",
+ "name": {
+ "en": "Standard",
+ "fr": "Standard"
+ },
+ "introduction": {
+ "en": "This implementation is meant for developers/publishers adding the component manually.",
+ "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement."
+ },
+ "instructions": {
+ "en": [
+ "Refer to the code sample below."
+ ],
+ "fr": [
+ "Référez-vous au code qui suit."
+ ]
+ },
+ "notes": {
+ "en": [
+ "For code samples of the different layouts possible (ordered list, vertical, etc.), refer to the working examples."
+ ],
+ "fr": [
+ "Pour des extraits de code des différentes mises en page possibles (liste ordonnée, verticale, etc.), reportez-vous aux exemples pratiques."
+ ]
+ },
+ "sample": {
+ "en": [
+ {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Code sample for 3 columns layout",
+ "code": "\n\tServices and information \n\t\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t
\n "
+ },
+ {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Code sample for 2 columns layout",
+ "code": "\n\tServices and information \n\t\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t
\n "
+ }
+ ],
+ "fr": [
+ {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Exemple de code pour la disposition sur 3 colonnes",
+ "code": "\n\tServices et renseignements \n\t\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t
\n "
+ },
+ {
+ "@type": "source-code",
+ "collapsed": true,
+ "description": "Exemple de code pour la disposition sur 2 colonnes",
+ "code": "\n\tServices et renseignements \n\t\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
\n\t\t
\n\t
\n "
+ }
+ ]
+ }
+ }
+ ],
+ "iteration": [
+ {
+ "@id": "_:iteration_srvinfo_5",
+ "name": "Services and information - Iteration 5",
+ "date": "2018-09",
+ "detectableBy": ".gc-srvinfo",
+ "predecessor": "_:iteration_srvinfo_4",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": "\n\tServices and information \n\t\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
\n\t\t
\n\t
\n "
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_srvinfo_4",
+ "name": "Services and information - Iteration 4",
+ "date": "2017-12",
+ "detectableBy": ".wb-eqht.row>[class*=col-]>section>(h3.h5>a)+p",
+ "predecessor": "_:iteration_srvinfo_3",
+ "successor": "_:iteration_srvinfo_5",
+ "assets": [
+ {
+ "@type": "source-code",
+ "@language": "en",
+ "description": "Code sample",
+ "code": "\n\tServices and information \n\t\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t[Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]
\n\t\t\t \n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t[Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]
\n\t\t\t \n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t[Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]
\n\t\t\t \n\t\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t[Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to]
\n\t\t\t \n\t\t
\n\t
\n "
+ }
+ ]
+ },
+ {
+ "@id": "_:iteration_srvinfo_3",
+ "name": "Services and information - Iteration 3",
+ "date": "2016-08",
+ "detectableBy": "section.gc-drmt:not([class*=col-])",
+ "predecessor": "_:iteration_srvinfo_2",
+ "successor": "_:iteration_srvinfo_4"
+ },
+ {
+ "@id": "_:iteration_srvinfo_2",
+ "name": "Services and information - Iteration 2",
+ "date": "2016-04",
+ "detectableBy": "section.gc-drmt[class*=col-]",
+ "predecessor": "_:iteration_srvinfo_1",
+ "successor": "_:iteration_srvinfo_3"
+ },
+ {
+ "@id": "_:iteration_srvinfo_1",
+ "name": "Services and information - Iteration 1",
+ "date": "2014-08",
+ "detectableBy": "section.col-md-6>(h3.h5>a)+p",
+ "successor": "_:iteration_srvinfo_2"
+ }
+ ],
+ "changesets": [
+ {
+ "@id": "_:cs_srvinfo",
+ "name": "Services and information",
+ "status": "stable",
+ "baseOnIteration": "_:iteration_srvinfo_5",
+ "detectableBy": ".gc-srvinfo",
+ "layout": "The (h3>a)+p pattern is either inside a grid layout of two or three columns, in an ordered list, or directly one after the other vertically.",
+ "semantic": "h2 + (h2 > a) + p",
+ "schema": [
+ "service and information title",
+ "array of objects containing the following properties: { \"service link\", \"service name\", \"service description\" }"
+ ],
+ "style": "Each column within the same row must have the same height"
+ }
+ ]
+}
diff --git a/components/gc-srvinfo/reports/ally-1-en.html b/components/gc-srvinfo/reports/ally-1-en.html
new file mode 100644
index 0000000000..73253d619f
--- /dev/null
+++ b/components/gc-srvinfo/reports/ally-1-en.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Accessibility assessment #1 - services and information",
+ "language": "en",
+ "description": "Partial. Evaluation of new Success Criteria at Level A and Level AA of WCAG 2.1 and WCAG 2.2",
+ "tag": "gc-srvinfo",
+ "parentdir": "gc-srvinfo",
+ "parentPage": "services and information",
+ "parentPageURL": "gc-srvinfo",
+ "altLangPage": "ally-1-fr.html",
+ "dateModified": "2023-07-06",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "ally-1.json"
+}
+---
diff --git a/components/gc-srvinfo/reports/ally-1-fr.html b/components/gc-srvinfo/reports/ally-1-fr.html
new file mode 100644
index 0000000000..3b30bd4f30
--- /dev/null
+++ b/components/gc-srvinfo/reports/ally-1-fr.html
@@ -0,0 +1,15 @@
+---
+{
+ "title": "Assessment d'accessibilité #1 - Services et information",
+ "language": "fr",
+ "description": "Partielle. Évaluation des nouveaux critères de succès aux niveaux A et AA de WCAG 2.1 et WCAG 2.2",
+ "tag": "gc-srvinfo",
+ "parentdir": "gc-srvinfo",
+ "parentPage": "Services et information",
+ "parentPageURL": "gc-srvinfo",
+ "altLangPage": "ally-1-en.html",
+ "dateModified": "2023-07-06",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "ally-1.json"
+}
+---
diff --git a/components/gc-srvinfo/reports/ally-1.json b/components/gc-srvinfo/reports/ally-1.json
new file mode 100644
index 0000000000..c8e970d172
--- /dev/null
+++ b/components/gc-srvinfo/reports/ally-1.json
@@ -0,0 +1,589 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/assessment-report-en.json-ld",
+
+ "@type": ["earl:Assertion", "acr:AssessmentReport"],
+
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/components/gc-srvinfo/gc-srvinfo-en.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "Accessibility conformance reports of Service and information",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": ".gc-srvinfo"
+ }
+ },
+
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": ["earl:Assertor", "foaf:Organization"],
+ "earl:mainAssertor": {
+ "foaf:name": "Hongbin Yu (Github: @hongbinyu413)",
+ "foaf:homepage": "https://github.com/hongbinyu413",
+ "@type": ["earl:Assertor", "foaf:Person"]
+ }
+ },
+
+ "dct:date": "2023-07-06",
+
+ "dct:description": "Evaluation of all WCAG 2.1 SC at level AA.",
+
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+
+ "earl:result": [{
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:untested",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "dct:modified": null,
+ "acr:severity": "acr:noSeverity",
+ "acr:relevancy": "wbv:acr#noRelevancy",
+ "earl:mode": "earl:manual",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ }
+ ]
+}
diff --git a/components/gc-srvinfo/samples/2col.html b/components/gc-srvinfo/samples/2col.html
new file mode 100644
index 0000000000..ea0fa28026
--- /dev/null
+++ b/components/gc-srvinfo/samples/2col.html
@@ -0,0 +1,41 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ GC service and iInformation (gc-srvinfo)
++
++ Configuration à 2 colonne
++
++ @param: title // Title of the service or information
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+
+{%- if include.title -%}
+ {{ include.title }}
+{%- elsif page.language == "fr" -%}
+ Services et renseignements
+{%- elsif page.language == "en" -%}
+ Services and information
+{%- endif -%}
+
+
+
+{%- for i in (1..8) -%}
+
+ {%- if page.language == "en" -%}
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+ {%- else -%}
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+ {%- endif -%}
+
+{%- endfor -%}
+
+
+
diff --git a/components/gc-srvinfo/samples/3col-hidden-title.html b/components/gc-srvinfo/samples/3col-hidden-title.html
new file mode 100644
index 0000000000..9b68476426
--- /dev/null
+++ b/components/gc-srvinfo/samples/3col-hidden-title.html
@@ -0,0 +1,22 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ GC service and information (gc-srvinfo)
++
++ Configuration à 3 colonnes avec titre invisible
++ 3 columns configuration with invisible title
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+
+ Services and information
+
+ {%- for i in (1..9) -%}
+
+
+
{% if page.language == "en" %}Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to{% else %}Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée{% endif %}
+
+ {%- endfor -%}
+
+
diff --git a/components/gc-srvinfo/samples/with-embed-col-pull.html b/components/gc-srvinfo/samples/with-embed-col-pull.html
new file mode 100644
index 0000000000..0de36d9a91
--- /dev/null
+++ b/components/gc-srvinfo/samples/with-embed-col-pull.html
@@ -0,0 +1,42 @@
+{%- comment -%}
+
+++++++++++++++++++++++++++++++++++
++ GC service and information (gc-srvinfo)
++
++ Configuration à 2 colonne avec floating left
++
++ @param: title // Title of the service or information
+++++++++++++++++++++++++++++++++++
+
+{%- endcomment -%}
+
+
+
+{%- if include.title -%}
+ {{ include.title }}
+{%- elsif page.language == "fr" -%}
+ Services et renseignements
+{%- elsif page.language == "en" -%}
+ Services and information
+{%- endif -%}
+
+
+
+{%- for i in (1..8) -%}
+
+ {%- if page.language == "en" -%}
+
+
+
Use action verbs, or simply list keywords to summarize the information or tasks that can be accomplished on the page it links to
+
+ {%- else -%}
+
+
+
Utilisez des verbes d'action, ou inscrivez simplement des mots clés pour résumer les renseignements ou les tâches qui peuvent être accomplies sur la page liée
+
+ {%- endif -%}
+
+{%- endfor -%}
+
+
+
diff --git a/components/gc-subway/_screen-md-min.scss b/components/gc-subway/_screen-md-min.scss
index 502ec82d11..56363cf6ab 100644
--- a/components/gc-subway/_screen-md-min.scss
+++ b/components/gc-subway/_screen-md-min.scss
@@ -16,7 +16,8 @@
border-color: transparent;
display: none;
- .wb-disable & {
+ .wb-disable &,
+ .no-js & {
display: block;
}
diff --git a/components/gc-table/index.json-ld b/components/gc-table/index.json-ld
index 0d0f63af15..f44c463419 100644
--- a/components/gc-table/index.json-ld
+++ b/components/gc-table/index.json-ld
@@ -14,7 +14,7 @@
"en": "A simple CSS solution to turn tables into responsive cards for smaller windows.",
"fr": "Une solution CSS simple pour transformer les tables en cartes réactives pour des fenêtres plus petites."
},
- "modified": "2023-09-05",
+ "modified": "2024-03-28",
"componentName": "gc-table",
"status": "provisional",
"todos": [
@@ -32,6 +32,28 @@
"language": "fr",
"path": "gc-table-fr.html"
}
+ ],
+ "reports": [
+ {
+ "title": "Accessibility assessment #6 - GC tables",
+ "language": "en",
+ "path": "reports/a11y-6-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #6 - Tableaux GC",
+ "language": "fr",
+ "path": "reports/a11y-6-fr.html"
+ },
+ {
+ "title": "Accessibility assessment #7 - GC tables",
+ "language": "en",
+ "path": "reports/a11y-7-en.html"
+ },
+ {
+ "title": "Assessment d'accessibilité #7 - Tableaux GC",
+ "language": "fr",
+ "path": "reports/a11y-7-fr.html"
+ }
]
}
}
diff --git a/components/gc-table/reports/a11y-6-en.html b/components/gc-table/reports/a11y-6-en.html
new file mode 100644
index 0000000000..70ef547b59
--- /dev/null
+++ b/components/gc-table/reports/a11y-6-en.html
@@ -0,0 +1,11 @@
+---
+{
+ "title": "Accessibility assessment #6 - GC tables",
+ "language": "en",
+ "description": "Evaluation of the GC tables page whose purpose is to test all native GC tables related elements, if they are aligned with our design and are compliant to our accessibility guideline when used as is without any special customization.",
+ "altLangPage": "a11y-6-fr.html",
+ "dateModified": "2023-11-30",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "a11y-6.json"
+}
+---
diff --git a/components/gc-table/reports/a11y-6-fr.html b/components/gc-table/reports/a11y-6-fr.html
new file mode 100644
index 0000000000..e7e44deec9
--- /dev/null
+++ b/components/gc-table/reports/a11y-6-fr.html
@@ -0,0 +1,11 @@
+---
+{
+ "title": "Assessment d'accessibilité #5 - Tableaux GC",
+ "language": "fr",
+ "description": "Évaluation de la page des tableaux GC dont le but est de tester tous les éléments natifs liés aux tableaux GC, s'ils sont alignés avec notre conception et sont conformes à nos directives d'accessibilité lorsqu'ils sont utilisés tels quels sans aucune personnalisation particulière.",
+ "altLangPage": "a11y-6-en.html",
+ "dateModified": "2023-11-30",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "a11y-6.json"
+}
+---
diff --git a/components/gc-table/reports/a11y-6.json b/components/gc-table/reports/a11y-6.json
new file mode 100644
index 0000000000..d9602571fc
--- /dev/null
+++ b/components/gc-table/reports/a11y-6.json
@@ -0,0 +1,441 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/assessment-report-en.json-ld",
+
+ "@type": [ "earl:Assertion", "acr:AssessmentReport" ],
+
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/components/gc-table/gc-table-en.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "Evaluation of the GC tables page whose purpose is to test all native GC tables related elements, if they are aligned with our design and are compliant to our accessibility guideline when used as is without any special customization.",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": "gc-table"
+ }
+ },
+
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": ["earl:Assertor", "foaf:Organization"],
+ "earl:mainAssertor": {
+ "foaf:name": "Brahim Mahadi Wachilli (Github: @BrahimMahadi)",
+ "foaf:homepage": "https://github.com/BrahimMahadi",
+ "@type": ["earl:Assertor", "foaf:Person"]
+ }
+ },
+
+ "dct:date": "2023-11-30",
+ "dct:description": "Analyzing and exploring the subject and produce an evaluation of all WCAG 2.1 SC at level AA.",
+ "acr:involvesExpertise": [],
+
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+
+ "earl:result": [
+ {
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": ["earl:TestResult", "earl:Assertion"]
+ }
+ ]
+}
diff --git a/components/gc-table/reports/a11y-7-en.html b/components/gc-table/reports/a11y-7-en.html
new file mode 100644
index 0000000000..f5fc78fdf7
--- /dev/null
+++ b/components/gc-table/reports/a11y-7-en.html
@@ -0,0 +1,11 @@
+---
+{
+ "title": "Accessibility assessment #7 - GC tables",
+ "language": "en",
+ "description": "Evaluation of the GC tables page whose purpose is to test all native GC tables related elements, if they are aligned with our design and are compliant to our accessibility guideline when used as is without any special customization.",
+ "altLangPage": "a11y-7-fr.html",
+ "dateModified": "2024-03-28",
+ "layout": "assessment_wrote_en-en",
+ "reportURL": "a11y-7.json"
+}
+---
diff --git a/components/gc-table/reports/a11y-7-fr.html b/components/gc-table/reports/a11y-7-fr.html
new file mode 100644
index 0000000000..3a75a16f71
--- /dev/null
+++ b/components/gc-table/reports/a11y-7-fr.html
@@ -0,0 +1,11 @@
+---
+{
+ "title": "Assessment d'accessibilité #7 - Tableaux GC",
+ "language": "fr",
+ "description": "Évaluation de la page des tableaux GC dont le but est de tester tous les éléments natifs liés aux tableaux GC, s'ils sont alignés avec notre conception et sont conformes à nos directives d'accessibilité lorsqu'ils sont utilisés tels quels sans aucune personnalisation particulière.",
+ "altLangPage": "a11y-7-en.html",
+ "dateModified": "2024-03-28",
+ "layout": "assessment_wrote_en-fr",
+ "reportURL": "a11y-7.json"
+}
+---
diff --git a/components/gc-table/reports/a11y-7.json b/components/gc-table/reports/a11y-7.json
new file mode 100644
index 0000000000..2326a6c410
--- /dev/null
+++ b/components/gc-table/reports/a11y-7.json
@@ -0,0 +1,625 @@
+{
+ "@context": "https://wet-boew.github.io/vocab/context/2023/assessment-report-en.json-ld",
+ "@type": [
+ "earl:Assertion",
+ "acr:AssessmentReport"
+ ],
+ "earl:subject": {
+ "@id": "_:subject",
+ "dct:references": "https://wet-boew.github.io/GCWeb/components/gc-table/gc-table-en.html",
+ "@type": [
+ "earl:TestSubject",
+ "schema:WebPage"
+ ],
+ "dct:description": "",
+ "earl:pointer": {
+ "@type": "oa:CssSelector",
+ "@value": "gc-table"
+ }
+ },
+ "earl:assertedBy": {
+ "foaf:name": "Service Canada - Principal Publisher",
+ "foaf:homepage": "https://github.com/ServiceCanada",
+ "@type": [
+ "earl:Assertor",
+ "foaf:Organization"
+ ],
+ "earl:mainAssertor": {
+ "foaf:name": "AtlakM (Github: @AtlakM)",
+ "foaf:homepage": "https://github.com/AtlakM",
+ "@type": [
+ "earl:Assertor",
+ "foaf:Person"
+ ]
+ }
+ },
+ "dct:date": "2024-03-28",
+ "dct:description": "Analyzing and exploring the subject and produce an evaluation of all WCAG 2.1 SC at level AA.",
+ "acr:involvesExpertise": [],
+ "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+ "acr:standard": "https://www.w3.org/TR/WCAG21",
+ "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+ "earl:result": [
+ {
+ "earl:test": "WCAG21:non-text-content",
+ "earl:outcome": "earl:passed",
+ "earl:subject": "_:subject",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:captions-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:captions-live",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-description-prerecorded",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:info-and-relationships",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "The table passes screen reader use.\n\nhttps://www.w3.org/TR/WCAG20-TECHS/F87.html\nF87: Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS\nThe above test would ordinarily fail but the wcag working group suggests that this passes because meaning is preserved if CSS is turned off:\nhttps://www.w3.org/2018/09/25-ag-minutes#item05\nhttps://github.com/w3c/wcag/issues/433\n\nThe \"content: attr(data-label)\" does not block the semantic markup of the table so does not fail.\n\n",
+ "earl:mode": "earl:manual",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ],
+ "earl:result": [],
+ "acr:asset": [],
+ "acr:severity": "acr:serious",
+ "acr:relevancy": "acr:sufficient",
+ "selected": ""
+ },
+ {
+ "earl:test": "WCAG21:meaningful-sequence",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:sensory-characteristics",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:orientation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:identify-input-purpose",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:use-of-color",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:audio-control",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:contrast-minimum",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:resize-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:image-of-text",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:reflow",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:non-text-contrast",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:text-spacing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:content-on-hover-or-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:failed",
+ "dct:description": "Table column sort in mobile / small screen view can be tabbed to but does not change tile order.",
+ "earl:mode": "earl:manual",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ],
+ "earl:result": [],
+ "acr:asset": [],
+ "acr:severity": "acr:serious",
+ "acr:relevancy": "acr:failure",
+ "selected": ""
+ },
+ {
+ "earl:test": "WCAG21:keyboard",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:no-keyboard-trap",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:character-key-shortcuts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:timing-adjustable",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pause-stop-hide",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:three-flashes-or-below-threshold",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:bypass-blocks",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:page-titled",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:focus-order",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:failed",
+ "dct:description": "When tabbing, the column heading of a table using datatables can be tabbed to in mobile/small screen mode but toggled does not change the table layout and is confusing.",
+ "earl:mode": "earl:manual",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ],
+ "earl:result": [],
+ "acr:asset": [],
+ "acr:severity": "acr:serious",
+ "acr:relevancy": "acr:failure",
+ "selected": ""
+ },
+ {
+ "earl:test": "WCAG21:link-purpose-in-context",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:multiple-ways",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:headings-and-labels",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:focus-visible",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pointer-gestures",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:pointer-cancellation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:label-in-name",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:motion-actuation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:language-of-page",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:language-of-parts",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:on-focus",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:on-input",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:consistent-navigation",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:consistent-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-identification",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:labels-or-instructions",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-suggestion",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:parsing",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:name-role-value",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:passed",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "WCAG21:status-messages",
+ "earl:subject": "_:subject",
+ "earl:outcome": "earl:inapplicable",
+ "dct:description": "",
+ "earl:mode": "earl:unknownMode",
+ "@type": [
+ "earl:TestResult",
+ "earl:Assertion"
+ ]
+ },
+ {
+ "earl:test": "act:rules/automated/axe_core",
+ "earl:subject": "_:subject",
+ "earl:result": [],
+ "acr:asset": [
+ {
+ "@type": "@json",
+ "@value": "[\n {\n \"id\": \"landmark-unique\",\n \"impact\": \"moderate\",\n \"tags\": [\n \"cat.semantics\",\n \"best-practice\"\n ],\n \"help\": \"Ensures landmarks are unique\",\n \"description\": \"Landmarks should have a unique role or role/label/title (i.e. accessible name) combination\",\n \"helpUrl\": \"https://dequeuniversity.com/rules/axe/4.2/landmark-unique?application=axeAPI\",\n \"nodes\": [\n {\n \"any\": [\n {\n \"id\": \"landmark-is-unique\",\n \"data\": {\n \"role\": \"navigation\",\n \"accessibleText\": null\n },\n \"relatedNodes\": [\n {\n \"html\": \"