From 2b14698197f3cd71a50812592f7ff94c8c3650f8 Mon Sep 17 00:00:00 2001 From: shiva-sc Date: Thu, 13 Apr 2023 18:48:26 -0400 Subject: [PATCH 001/161] wCAG upgrade -- add WCAG assessment for alert component --- common/alert/index.json-ld | 12 + common/alert/reports/a11y-1-en.html | 15 + common/alert/reports/a11y-1-fr.html | 15 + common/alert/reports/a11y-1.json | 834 ++++++++++++++++++++++++++++ 4 files changed, 876 insertions(+) create mode 100644 common/alert/reports/a11y-1-en.html create mode 100644 common/alert/reports/a11y-1-fr.html create mode 100644 common/alert/reports/a11y-1.json 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"] + } + ] +} From e00f43ad6f81e7cb8b4ecca09adb1492636b629c Mon Sep 17 00:00:00 2001 From: Jonas Graham Date: Wed, 30 Aug 2023 08:41:41 -0400 Subject: [PATCH 002/161] WET-409 Basic HTML WCAG Pre-assessment --- common/wb-disable/index.json-ld | 12 + common/wb-disable/reports/pre-a11y-1-en.html | 15 + common/wb-disable/reports/pre-a11y-1-fr.html | 15 + common/wb-disable/reports/pre-a11y-1.json | 442 +++++++++++++++++++ 4 files changed, 484 insertions(+) create mode 100644 common/wb-disable/reports/pre-a11y-1-en.html create mode 100644 common/wb-disable/reports/pre-a11y-1-fr.html create mode 100644 common/wb-disable/reports/pre-a11y-1.json diff --git a/common/wb-disable/index.json-ld b/common/wb-disable/index.json-ld index e5d74a98ff..3d731b553b 100644 --- a/common/wb-disable/index.json-ld +++ b/common/wb-disable/index.json-ld @@ -30,6 +30,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/common/wb-disable/reports/pre-a11y-1-en.html b/common/wb-disable/reports/pre-a11y-1-en.html new file mode 100644 index 0000000000..dca2306c5b --- /dev/null +++ b/common/wb-disable/reports/pre-a11y-1-en.html @@ -0,0 +1,15 @@ +--- +{ + "title": "Pre-accessibility assessment #1 - Basic HTML Mode", + "language": "en", + "description": "Partial. Evaluation of new Success Criteria at Level A and Level AA of WCAG 2.1 and WCAG 2.2", + "tag": "wb-disable", + "parentdir": "wb-disable", + "parentPage": "Basic HTML", + "parentPageURL": "wb-disable", + "altLangPage": "pre-a11y-1-fr.html", + "dateModified": "2023-08-30", + "layout": "assessment_wrote_en-en", + "reportURL": "pre-a11y-1.json" +} +--- diff --git a/common/wb-disable/reports/pre-a11y-1-fr.html b/common/wb-disable/reports/pre-a11y-1-fr.html new file mode 100644 index 0000000000..dec52b0c6c --- /dev/null +++ b/common/wb-disable/reports/pre-a11y-1-fr.html @@ -0,0 +1,15 @@ +--- +{ + "title": "Assessment d'accessibilité préliminaire #1 - HTML simplifié", + "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": "wb-disable", + "parentdir": "wb-disable", + "parentPage": "HTML simplifié", + "parentPageURL": "wb-disable", + "altLangPage": "pre-a11y-1-fr.html", + "dateModified": "2023-08-30", + "layout": "assessment_wrote_en-fr", + "reportURL": "pre-a11y-1.json" +} +--- diff --git a/common/wb-disable/reports/pre-a11y-1.json b/common/wb-disable/reports/pre-a11y-1.json new file mode 100644 index 0000000000..a1ade424fe --- /dev/null +++ b/common/wb-disable/reports/pre-a11y-1.json @@ -0,0 +1,442 @@ +{ + "@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/wb-disable/wb-disable-en.html", + "dct:hasPart": [ ], + "@type": [ + "earl:TestSubject", + "schema:WebPage" + ], + "dct:description": "Asssessing the functionality to switch to and from Basic HTML mode", + "earl:pointer": { + "@type": "oa:CssSelector", + "@value": "title, meta, #wb-bc, main" + } + }, + + "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-08-30", + "dct:description": "Asssessing the functionality to switch to and from Basic HTML mode", + "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: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: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: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: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: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:untested", + "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:inapplicable", + "@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:untested", + "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:untested", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": ["earl:TestResult", "earl:Assertion"] + }, + { + "earl:test": "WCAG21:labels-or-instructions", + "earl:subject": "_:subject", + "earl:outcome": "earl:untested", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": ["earl:TestResult", "earl:Assertion"] + }, + { + "earl:test": "WCAG21:error-suggestion", + "earl:subject": "_:subject", + "earl:outcome": "earl:untested", + "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"] + } + ] +} From 6cb1c821f7e18ee6b60f892c89a0dc316f255f4d Mon Sep 17 00:00:00 2001 From: ipaksc Date: Tue, 12 Dec 2023 12:30:39 -0500 Subject: [PATCH 003/161] Accessibility assessment - gc-featured-link and feedback --- .../gc-featured-link/gc-featured-link-en.html | 17 +- .../gc-featured-link/gc-featured-link-fr.html | 19 +- .../gc-featured-link/reports/a11y-1-en.html | 12 + .../gc-featured-link/reports/a11y-1-fr.html | 12 + .../gc-featured-link/reports/a11y-2-en.html | 12 + .../gc-featured-link/reports/a11y-2-fr.html | 12 + .../gc-featured-link/reports/pre-a11y-1.json | 589 ++++++++++++++++++ .../gc-featured-link/reports/pre-a11y-2.json | 589 ++++++++++++++++++ .../gc-features/reports/pre-a11y-1.json | 2 +- .../gc-features/reports/pre-a11y-2.json | 2 +- sites/feedback/reports/a11y-2-en.html | 12 + sites/feedback/reports/a11y-2-fr.html | 12 + sites/feedback/reports/pre-a11y-2.json | 589 ++++++++++++++++++ 13 files changed, 1874 insertions(+), 5 deletions(-) create mode 100644 components/gc-featured-link/reports/a11y-1-en.html create mode 100644 components/gc-featured-link/reports/a11y-1-fr.html create mode 100644 components/gc-featured-link/reports/a11y-2-en.html create mode 100644 components/gc-featured-link/reports/a11y-2-fr.html create mode 100644 components/gc-featured-link/reports/pre-a11y-1.json create mode 100644 components/gc-featured-link/reports/pre-a11y-2.json create mode 100644 sites/feedback/reports/a11y-2-en.html create mode 100644 sites/feedback/reports/a11y-2-fr.html create mode 100644 sites/feedback/reports/pre-a11y-2.json diff --git a/components/gc-featured-link/gc-featured-link-en.html b/components/gc-featured-link/gc-featured-link-en.html index 8ef7ad9a67..cfa1493528 100644 --- a/components/gc-featured-link/gc-featured-link-en.html +++ b/components/gc-featured-link/gc-featured-link-en.html @@ -180,6 +180,21 @@

Previous design patterns

+

Evaluation and report

-

There is no evaluation and report available for this component.

+ +
diff --git a/components/gc-featured-link/gc-featured-link-fr.html b/components/gc-featured-link/gc-featured-link-fr.html index d9e7cec19b..e53de9e01d 100644 --- a/components/gc-featured-link/gc-featured-link-fr.html +++ b/components/gc-featured-link/gc-featured-link-fr.html @@ -180,6 +180,21 @@

Modèles de conception précédents

-

Évaluation et rapport

-

Il n'y a pas d'évaluation et de rapport disponibles pour ce composant.

+
+

Evaluation and report

+ +
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-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/sites/feedback/reports/a11y-2-en.html b/sites/feedback/reports/a11y-2-en.html new file mode 100644 index 0000000000..699a9af452 --- /dev/null +++ b/sites/feedback/reports/a11y-2-en.html @@ -0,0 +1,12 @@ +--- +{ + "title": "Accessibility assessment #1 - Page feedback tool", + "language": "en", + "description": "Evaluation of Success Criteria at Level A and Level AA of WCAG 2.1", + "altLangPage": "a11y-2-fr.html", + "dateModified": "2023-10-30", + "layout": "assessment_wrote_en-en", + "reportURL": "pre-a11y-2.json" + +} +--- diff --git a/sites/feedback/reports/a11y-2-fr.html b/sites/feedback/reports/a11y-2-fr.html new file mode 100644 index 0000000000..932cac8d4d --- /dev/null +++ b/sites/feedback/reports/a11y-2-fr.html @@ -0,0 +1,12 @@ +--- +{ + "title": "Assessment de l'accessibilité #1 - Outil de rétroaction sur la page", + "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-10-30", + "layout": "assessment_wrote_en-fr", + "reportURL": "pre-a11y-2.json" + +} +--- diff --git a/sites/feedback/reports/pre-a11y-2.json b/sites/feedback/reports/pre-a11y-2.json new file mode 100644 index 0000000000..9b93e10fc9 --- /dev/null +++ b/sites/feedback/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://servicecanada.github.io/wet-boew-demos/gcweb-pr2098/sites/feedback/page-feedback-en.html", + "@type": [ + "earl:TestSubject", + "schema:WebPage" + ], + "dct:description": "Page feedback tool is developed to gather experience data about a website from end-users", + "earl:pointer": { + "@type": "oa:CssSelector", + "@value": ".gc-pft" + } + }, + + "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-10-30", + + "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: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: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: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: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: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: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:failed", + "dct:description": "1. \"No\" button doesn't have an accessible name that contains a match for the string of the visible label. 2. Basic HTML mode: Failure due to the accessible name not containing the visible label text. ", + "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: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-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: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-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:cantTell", + "dct:description": "There is no mechanism that warns users they are approaching the character limit for the text input field.", + "dct:modified": null, + "acr:severity": "acr:noSeverity", + "acr:relevancy": "wbv:acr#noRelevancy", + "earl:mode": "earl:manual", + "@type": ["earl:TestResult", "earl:Assertion"] + } + ] +} From 30b6f8ea8ac8acdc3f418706bce0aa0c4080a122 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Garneau?= Date: Wed, 13 Dec 2023 15:35:07 -0500 Subject: [PATCH 004/161] Feedback: wording of implementation instructions changed --- _data/sites.json | 16 ++++++++-------- sites/feedback/index.json-ld | 16 ++++++++-------- 2 files changed, 16 insertions(+), 16 deletions(-) diff --git a/_data/sites.json b/_data/sites.json index 04e1c4629a..39c7741f73 100644 --- a/_data/sites.json +++ b/_data/sites.json @@ -965,14 +965,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 more recent of GCWeb is implemented.", + "Ensure the version 3.0 or more recent of the page details is implemented.", "To show the page feedback form, create a <div class=\"wb-disable-allow\"> with the following data attributes:", "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 :", "De plus, vous pouvez définir les métadonnées suivantes : <meta name=\"dcterms.creator\" content=\"[Department name]\">" ] @@ -1121,14 +1121,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 more recent of GCWeb is implemented.", + "Ensure the version 3.0 or more recent of the page details is implemented.", "To show the page feedback form, create a <div class=\"wb-disable-allow\"> with the following data attributes:", "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 :", "De plus, vous pouvez définir les métadonnées suivantes : <meta name=\"dcterms.creator\" content=\"[Department name]\">" ] diff --git a/sites/feedback/index.json-ld b/sites/feedback/index.json-ld index 888a9ec324..e90ca83bf1 100644 --- a/sites/feedback/index.json-ld +++ b/sites/feedback/index.json-ld @@ -338,14 +338,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:", "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 :", "De plus, vous pouvez définir les métadonnées suivantes : <meta name=\"dcterms.creator\" content=\"[Department name]\">" ] @@ -494,14 +494,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:", "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 :", "De plus, vous pouvez définir les métadonnées suivantes : <meta name=\"dcterms.creator\" content=\"[Department name]\">" ] From d1581e0e1ca239d0745a23aa2099fe9f2079261b Mon Sep 17 00:00:00 2001 From: Ettahri Date: Thu, 14 Dec 2023 12:16:40 -0500 Subject: [PATCH 005/161] Release v14.2.1 --- index-en.md | 4 ++-- index-fr.md | 4 ++-- package-lock.json | 6 +++--- package.json | 4 ++-- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/index-en.md b/index-en.md index 9a09cbe467..90e9632955 100644 --- a/index-en.md +++ b/index-en.md @@ -1,7 +1,7 @@ --- title: GCWeb, the WET-BOEW Canada.ca theme altLangPage: index-fr.html -dateModified: 2023-12-12 +dateModified: 2023-12-14 description: "Home page describing all the components of the Canada.ca theme, named GCWeb." layout: no-container language: en @@ -20,7 +20,7 @@ css:

The page templates and design patterns below comprise a reference implementation of the Canada.ca design system, including the mandatory requirement of the Content and Information Architecture (C&IA) Specification. Government of Canada departments and agencies can contribute additional patterns and templates via GCWeb github repository.

-

Download GCWeb theme v14.2.0
+

Download GCWeb theme v14.2.1
( - Release notes)

diff --git a/index-fr.md b/index-fr.md index 6a5219210e..ee85ab0d72 100644 --- a/index-fr.md +++ b/index-fr.md @@ -1,7 +1,7 @@ --- title: GCWeb, le thème WET-BOEW de Canada.ca altLangPage: index-en.html -dateModified: 2023-12-12 +dateModified: 2023-12-14 description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb." layout: no-container language: fr @@ -20,7 +20,7 @@ css:

Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.

-

Télécharger le thème GCWeb v14.2.0
+

Télécharger le thème GCWeb v14.2.1
( - Note de version)

diff --git a/package-lock.json b/package-lock.json index f72649917d..dfbdab3e07 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.2.0", + "version": "14.2.1", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -11590,8 +11590,8 @@ } }, "wet-boew": { - "version": "github:wet-boew/wet-boew#a0de995a8ff6a0c30707897982c817e0b5442f24", - "from": "github:wet-boew/wet-boew#v4.0.72", + "version": "github:wet-boew/wet-boew#db3c33ae4118f7b4d13bcbc6a15727f94e0c3390", + "from": "github:wet-boew/wet-boew#v4.0.72.1", "requires": { "bootstrap-sass": "3.4.1", "code-prettify": "^0.1.0", diff --git a/package.json b/package.json index ce1bbfae87..9019bcdae0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.2.0", + "version": "14.2.1", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { @@ -13,7 +13,7 @@ "license": "MIT", "dependencies": { "bootstrap-sass": "3.4.1", - "wet-boew": "github:wet-boew/wet-boew#v4.0.72" + "wet-boew": "github:wet-boew/wet-boew#v4.0.72.1" }, "browserslist": [ "last 2 versions", From 66f1feaddcb4affcd776f74cba3c478c8fee69f5 Mon Sep 17 00:00:00 2001 From: Eric Guitard Date: Wed, 3 Jan 2024 10:37:35 -0500 Subject: [PATCH 006/161] Relocate JSON Manager and Data JSON under wet-boew folder --- components/wb-data-json/data-json-doc-en.html | 13 ------------- components/wb-data-json/data-json-doc-fr.html | 13 ------------- components/wb-data-json/data-json-en.html | 13 ------------- components/wb-data-json/data-json-fr.html | 13 ------------- components/wb-data-json/template-en.html | 13 ------------- components/wb-data-json/template-fr.html | 13 ------------- components/wb-jsonmanager/jsonmanager-doc-en.html | 13 ------------- components/wb-jsonmanager/jsonmanager-doc-fr.html | 13 ------------- components/wb-jsonmanager/jsonmanager-en.html | 13 ------------- components/wb-jsonmanager/jsonmanager-fr.html | 13 ------------- {components => wet-boew}/wb-data-json/index.json-ld | 10 +++++----- .../wb-jsonmanager/index.json-ld | 8 ++++---- .../wb-jsonmanager/jsonmanager-doaction-en.html | 0 .../wb-jsonmanager/jsonmanager-doaction-fr.html | 0 14 files changed, 9 insertions(+), 139 deletions(-) delete mode 100644 components/wb-data-json/data-json-doc-en.html delete mode 100644 components/wb-data-json/data-json-doc-fr.html delete mode 100644 components/wb-data-json/data-json-en.html delete mode 100644 components/wb-data-json/data-json-fr.html delete mode 100644 components/wb-data-json/template-en.html delete mode 100644 components/wb-data-json/template-fr.html delete mode 100644 components/wb-jsonmanager/jsonmanager-doc-en.html delete mode 100644 components/wb-jsonmanager/jsonmanager-doc-fr.html delete mode 100644 components/wb-jsonmanager/jsonmanager-en.html delete mode 100644 components/wb-jsonmanager/jsonmanager-fr.html rename {components => wet-boew}/wb-data-json/index.json-ld (79%) rename {components => wet-boew}/wb-jsonmanager/index.json-ld (83%) rename {components => wet-boew}/wb-jsonmanager/jsonmanager-doaction-en.html (100%) rename {components => wet-boew}/wb-jsonmanager/jsonmanager-doaction-fr.html (100%) diff --git a/components/wb-data-json/data-json-doc-en.html b/components/wb-data-json/data-json-doc-en.html deleted file mode 100644 index 5792c62c88..0000000000 --- a/components/wb-data-json/data-json-doc-en.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Canada.ca theme - Canada.ca - - - -

This page has moved to wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-en.html.

- - diff --git a/components/wb-data-json/data-json-doc-fr.html b/components/wb-data-json/data-json-doc-fr.html deleted file mode 100644 index bfe455293c..0000000000 --- a/components/wb-data-json/data-json-doc-fr.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Canada.ca theme - Canada.ca - - - -

This page has moved to wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-fr.html.

- - diff --git a/components/wb-data-json/data-json-en.html b/components/wb-data-json/data-json-en.html deleted file mode 100644 index b2da603b5e..0000000000 --- a/components/wb-data-json/data-json-en.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Canada.ca theme - Canada.ca - - - -

This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-en.html.

- - diff --git a/components/wb-data-json/data-json-fr.html b/components/wb-data-json/data-json-fr.html deleted file mode 100644 index ba9b97c450..0000000000 --- a/components/wb-data-json/data-json-fr.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Canada.ca theme - Canada.ca - - - -

This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-fr.html.

- - diff --git a/components/wb-data-json/template-en.html b/components/wb-data-json/template-en.html deleted file mode 100644 index 1764e37e9c..0000000000 --- a/components/wb-data-json/template-en.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Canada.ca theme - Canada.ca - - - -

This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/template-en.html.

- - diff --git a/components/wb-data-json/template-fr.html b/components/wb-data-json/template-fr.html deleted file mode 100644 index 1f6d235731..0000000000 --- a/components/wb-data-json/template-fr.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Canada.ca theme - Canada.ca - - - -

This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/template-fr.html.

- - diff --git a/components/wb-jsonmanager/jsonmanager-doc-en.html b/components/wb-jsonmanager/jsonmanager-doc-en.html deleted file mode 100644 index 83c291bad2..0000000000 --- a/components/wb-jsonmanager/jsonmanager-doc-en.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Canada.ca theme - Canada.ca - - - -

This page has moved to wet-boew.github.io/wet-boew/docs/ref/wb-jsonmanager/wb-jsonmanager-en.html.

- - diff --git a/components/wb-jsonmanager/jsonmanager-doc-fr.html b/components/wb-jsonmanager/jsonmanager-doc-fr.html deleted file mode 100644 index 31e13d5763..0000000000 --- a/components/wb-jsonmanager/jsonmanager-doc-fr.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Canada.ca theme - Canada.ca - - - -

This page has moved to wet-boew.github.io/wet-boew/docs/ref/wb-jsonmanager/wb-jsonmanager-fr.html.

- - diff --git a/components/wb-jsonmanager/jsonmanager-en.html b/components/wb-jsonmanager/jsonmanager-en.html deleted file mode 100644 index f6e294873d..0000000000 --- a/components/wb-jsonmanager/jsonmanager-en.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Canada.ca theme - Canada.ca - - - -

This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-en.html.

- - diff --git a/components/wb-jsonmanager/jsonmanager-fr.html b/components/wb-jsonmanager/jsonmanager-fr.html deleted file mode 100644 index 036c37ba5b..0000000000 --- a/components/wb-jsonmanager/jsonmanager-fr.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - -Canada.ca theme - Canada.ca - - - -

This page has moved to wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-fr.html.

- - diff --git a/components/wb-data-json/index.json-ld b/wet-boew/wb-data-json/index.json-ld similarity index 79% rename from components/wb-data-json/index.json-ld rename to wet-boew/wb-data-json/index.json-ld index d1fa4f7af8..6f5191028d 100644 --- a/components/wb-data-json/index.json-ld +++ b/wet-boew/wb-data-json/index.json-ld @@ -11,10 +11,10 @@ "fr": "Data JSON" }, "description": { - "en": "Insert content extracted from a JSON file.", + "en": "Insert content extracted from a JSON file", "fr": "Insertion de contenu extrait d'un fichier JSON" }, - "modified": "2022-08-25", + "modified": "2024-01-03", "componentName": "wb-data-json", "status": "stable", "pages": { @@ -22,12 +22,12 @@ { "title": "Data JSON", "language": "en", - "url": "https://wet-boew.github.io/wet-boew/demos/wb-data-json/data-json-en.html" + "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/wet-boew/demos/wb-data-json/data-json-fr.html" + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-fr.html" }, { "title": "Template HTML 5", @@ -49,7 +49,7 @@ { "title": "Data JSON", "language": "fr", - "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-en.html" + "url": "https://wet-boew.github.io/wet-boew/docs/ref/wb-data-json/wb-data-json-fr.html" } ] } diff --git a/components/wb-jsonmanager/index.json-ld b/wet-boew/wb-jsonmanager/index.json-ld similarity index 83% rename from components/wb-jsonmanager/index.json-ld rename to wet-boew/wb-jsonmanager/index.json-ld index 0908acfae5..949b888692 100644 --- a/components/wb-jsonmanager/index.json-ld +++ b/wet-boew/wb-jsonmanager/index.json-ld @@ -12,9 +12,9 @@ }, "description": { "en": "Manage dataset and apply JSON Patch", - "fr": "Gérer des jeux de données et applique des correctifs JSON." + "fr": "Gérer des jeux de données et applique des correctifs JSON" }, - "modified": "2022-08-25", + "modified": "2024-01-03", "componentName": "wb-jsonmanager", "status": "stable", "pages": { @@ -22,12 +22,12 @@ { "title": "JSON Manager", "language": "en", - "url": "https://wet-boew.github.io/wet-boew/demos/wb-jsonmanager/jsonmanager-en.html" + "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/wet-boew/demos/wb-jsonmanager/jsonmanager-fr.html" + "url": "https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-fr.html" }, { "title": "with Do Action patches", diff --git a/components/wb-jsonmanager/jsonmanager-doaction-en.html b/wet-boew/wb-jsonmanager/jsonmanager-doaction-en.html similarity index 100% rename from components/wb-jsonmanager/jsonmanager-doaction-en.html rename to wet-boew/wb-jsonmanager/jsonmanager-doaction-en.html diff --git a/components/wb-jsonmanager/jsonmanager-doaction-fr.html b/wet-boew/wb-jsonmanager/jsonmanager-doaction-fr.html similarity index 100% rename from components/wb-jsonmanager/jsonmanager-doaction-fr.html rename to wet-boew/wb-jsonmanager/jsonmanager-doaction-fr.html From 1c00fc23570d3e7ba8b40c16e410ca92c00aa4db Mon Sep 17 00:00:00 2001 From: Ettahri Date: Mon, 8 Jan 2024 16:15:27 -0500 Subject: [PATCH 007/161] Release v14.3.0 --- index-en.md | 4 ++-- index-fr.md | 4 ++-- package-lock.json | 6 +++--- package.json | 4 ++-- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/index-en.md b/index-en.md index 90e9632955..f6c8e1a221 100644 --- a/index-en.md +++ b/index-en.md @@ -1,7 +1,7 @@ --- title: GCWeb, the WET-BOEW Canada.ca theme altLangPage: index-fr.html -dateModified: 2023-12-14 +dateModified: 2023-01-08 description: "Home page describing all the components of the Canada.ca theme, named GCWeb." layout: no-container language: en @@ -20,7 +20,7 @@ css:

The page templates and design patterns below comprise a reference implementation of the Canada.ca design system, including the mandatory requirement of the Content and Information Architecture (C&IA) Specification. Government of Canada departments and agencies can contribute additional patterns and templates via GCWeb github repository.

-

Download GCWeb theme v14.2.1
+

Download GCWeb theme v14.3.0
( - Release notes)

diff --git a/index-fr.md b/index-fr.md index ee85ab0d72..c42d3d2322 100644 --- a/index-fr.md +++ b/index-fr.md @@ -1,7 +1,7 @@ --- title: GCWeb, le thème WET-BOEW de Canada.ca altLangPage: index-en.html -dateModified: 2023-12-14 +dateModified: 2023-01-08 description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb." layout: no-container language: fr @@ -20,7 +20,7 @@ css:

Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.

-

Télécharger le thème GCWeb v14.2.1
+

Télécharger le thème GCWeb v14.3.0
( - Note de version)

diff --git a/package-lock.json b/package-lock.json index dfbdab3e07..8378f6ba96 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.2.1", + "version": "14.3.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -11590,8 +11590,8 @@ } }, "wet-boew": { - "version": "github:wet-boew/wet-boew#db3c33ae4118f7b4d13bcbc6a15727f94e0c3390", - "from": "github:wet-boew/wet-boew#v4.0.72.1", + "version": "github:wet-boew/wet-boew#89a7eca8db509e6c9a101d678537b8908d8dadd1", + "from": "github:wet-boew/wet-boew#v4.0.73", "requires": { "bootstrap-sass": "3.4.1", "code-prettify": "^0.1.0", diff --git a/package.json b/package.json index 9019bcdae0..54b21ebc41 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.2.1", + "version": "14.3.0", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { @@ -13,7 +13,7 @@ "license": "MIT", "dependencies": { "bootstrap-sass": "3.4.1", - "wet-boew": "github:wet-boew/wet-boew#v4.0.72.1" + "wet-boew": "github:wet-boew/wet-boew#v4.0.73" }, "browserslist": [ "last 2 versions", From 32c1dc6b66c03699495433ed1072bb42adaacce7 Mon Sep 17 00:00:00 2001 From: Pierre Dubois Date: Tue, 9 Jan 2024 14:37:18 -0500 Subject: [PATCH 008/161] Content - Feedback (PFT) - ACR report - Autumn 2023 (#2304) Content - Adding accessibility report for Feedback area site component * Feedback (PFT) - ACR report - Autumn 2023 ACR = Accessibility Conformance Report Co-authored-by: Garneauma --------- Co-authored-by: Garneauma --- _data/components.json | 22 + _data/sites.json | 30 +- components/gc-featured-link/index.json-ld | 22 + docs/layouts/acr_wrote_en-en.html | 33 +- docs/layouts/acr_wrote_en-fr.html | 33 +- sites/feedback/index.json-ld | 22 + .../feedback/reports/acr-2023-autumn-en.html | 11 + .../feedback/reports/acr-2023-autumn-fr.html | 11 + sites/feedback/reports/acr-2023-autumn.json | 733 ++++++++++++++++++ 9 files changed, 889 insertions(+), 28 deletions(-) create mode 100644 sites/feedback/reports/acr-2023-autumn-en.html create mode 100644 sites/feedback/reports/acr-2023-autumn-fr.html create mode 100644 sites/feedback/reports/acr-2023-autumn.json diff --git a/_data/components.json b/_data/components.json index 5551fde626..72f41062c5 100644 --- a/_data/components.json +++ b/_data/components.json @@ -121,6 +121,28 @@ "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" + } ] } } diff --git a/_data/sites.json b/_data/sites.json index 39c7741f73..b7e987fef2 100644 --- a/_data/sites.json +++ b/_data/sites.json @@ -689,6 +689,28 @@ "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" + } ] }, "dependencies": [ @@ -965,8 +987,8 @@ }, "instructions": { "en": [ - "Ensure the version 13.9.0 or more recent of GCWeb is implemented.", - "Ensure the version 3.0 or more recent 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]\">" ], @@ -1121,8 +1143,8 @@ }, "instructions": { "en": [ - "Ensure the version 13.9.0 or more recent of GCWeb is implemented.", - "Ensure the version 3.0 or more recent 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\"
  • 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]\">" ], diff --git a/components/gc-featured-link/index.json-ld b/components/gc-featured-link/index.json-ld index 8e92a0e9b5..b24461a55b 100644 --- a/components/gc-featured-link/index.json-ld +++ b/components/gc-featured-link/index.json-ld @@ -29,6 +29,28 @@ "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" + } ] } } diff --git a/docs/layouts/acr_wrote_en-en.html b/docs/layouts/acr_wrote_en-en.html index 00fc6751bc..c045999c8f 100644 --- a/docs/layouts/acr_wrote_en-en.html +++ b/docs/layouts/acr_wrote_en-en.html @@ -109,19 +109,28 @@

Summary

  • About: - Not Defined + }'> + +
  • Applicability: Not defined @@ -293,7 +302,7 @@

    Conformity requirement satisfaction

    "mapping": [ { "selector": "[data-requirement-label]", "value": "/acr:requirement" }, { "selector": "[data-conformance]", "value": "/acr:conformance" }, - { "selector": "[data-notes]", "value": "/notes" }, + { "selector": "[data-notes]", "value": "/dct:description" }, { "selector": "[data-mode]", "value": "/earl:mode" }, { "selector": "[data-assessment]", diff --git a/docs/layouts/acr_wrote_en-fr.html b/docs/layouts/acr_wrote_en-fr.html index c00c9049d7..b03193d722 100644 --- a/docs/layouts/acr_wrote_en-fr.html +++ b/docs/layouts/acr_wrote_en-fr.html @@ -110,19 +110,28 @@

    Sommaire

    • À propos: - Non disponible + }'> + +
    • Portée: Non définie @@ -293,7 +302,7 @@

      Conformité aux exigences

      "mapping": [ { "selector": "[data-requirement-label]", "value": "/acr:requirement" }, { "selector": "[data-conformance]", "value": "/acr:conformance" }, - { "selector": "[data-notes]", "value": "/notes" }, + { "selector": "[data-notes]", "value": "/dct:description" }, { "selector": "[data-mode]", "value": "/earl:mode" }, { "selector": "[data-assessment]", diff --git a/sites/feedback/index.json-ld b/sites/feedback/index.json-ld index e90ca83bf1..17144c2baa 100644 --- a/sites/feedback/index.json-ld +++ b/sites/feedback/index.json-ld @@ -62,6 +62,28 @@ "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" + } ] }, "dependencies": [ diff --git a/sites/feedback/reports/acr-2023-autumn-en.html b/sites/feedback/reports/acr-2023-autumn-en.html new file mode 100644 index 0000000000..9b3c3ef6e7 --- /dev/null +++ b/sites/feedback/reports/acr-2023-autumn-en.html @@ -0,0 +1,11 @@ +--- +{ + "title": "Feedback area - Accessibility Conformance Report - WCAG Level AA - Autumn 2023", + "description": "Example of an accessibility conformance report", + "language": "en", + "altLangPage": "acr-2023-autumn-fr.html", + "dateModified": "2023-12-14", + "layout": "acr_wrote_en-en", + "reportURL": "acr-2023-autumn.json" +} +--- diff --git a/sites/feedback/reports/acr-2023-autumn-fr.html b/sites/feedback/reports/acr-2023-autumn-fr.html new file mode 100644 index 0000000000..79d1cf26c6 --- /dev/null +++ b/sites/feedback/reports/acr-2023-autumn-fr.html @@ -0,0 +1,11 @@ +--- +{ + "title": "Zone de rétroaction - Rapport de conformité d'accessibilité WCAG 2.1 Niveau AA - Automne 2023", + "description": "Exemple théorique d'un rapport complet de conformité à l'accessibilté.", + "language": "fr", + "altLangPage": "acr-2023-autumn-en.html", + "dateModified": "2023-12-14", + "layout": "acr_wrote_en-fr", + "reportURL": "acr-2023-autumn.json" +} +--- diff --git a/sites/feedback/reports/acr-2023-autumn.json b/sites/feedback/reports/acr-2023-autumn.json new file mode 100644 index 0000000000..401e8355aa --- /dev/null +++ b/sites/feedback/reports/acr-2023-autumn.json @@ -0,0 +1,733 @@ +{ + "@context": "https://wet-boew.github.io/vocab/context/2023/conformance-report-en.json-ld", + + "@type": "acr:ConformanceReport", + "dct:references": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/acr-2023-autumn-en.html", + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/acr-2023-autumn-fr.html" + ], + + "earl:subject": { + "@id": "_:subject", + "dct:references": "https://wet-boew.github.io/GCWeb/sites/feedback/page-feedback-en.html", + "dct:references_list-note": "TODO: remove the suffix _list once the bug in the data-json is fixed", + "dct:references_list": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/page-feedback-en.html?wbdisable=false", + "https://wet-boew.github.io/GCWeb/sites/feedback/page-feedback-en.html?wbdisable=true", + "https://wet-boew.github.io/GCWeb/sites/feedback/page-feedback-contact-en.html?wbdisable=false", + "https://wet-boew.github.io/GCWeb/sites/feedback/page-feedback-contact-en.html?wbdisable=true" + ], + "@type": [ + "earl:TestSubject", + "schema:WebPage" + ], + "dct:description": "About the page feedback and its container section which is presented before the site footer and after the page content. It does include and is limited to the placement of the date modified component and the share this page component regarding how they are harmonizing with the page feedback tool. It excludes the date modified component and the share this page component by themselves (ex. their inner HTML).", + "earl:pointer": { + "@type": "oa:CssSelector", + "@value": ".pagedetails" + } + }, + + "earl:assertedBy": { + "@id": "_:acrAssertor", + "foaf:name": "Service Canada - Principal Publisher", + "foaf:homepage": "https://github.com/ServiceCanada", + "@type": ["earl:Assertor", "foaf:Organization"], + "earl:mainAssertor": { + "foaf:name": "Pierre Dubois (Github: @duboisp)", + "foaf:homepage": "https://github.com/duboisp", + "@type": ["earl:Assertor", "foaf:Person"] + } + }, + + "dct:created": "2023-12-14", + "dct:description": "Accessibility conformance report against WCAG 2.1 Level AA for the Page Feedback Tool.", + + "acr:standard": "https://www.w3.org/TR/WCAG21", + "acr:conformanceOption": "act:standard/profiles/wcag#levelAA", + "acr:conformance": "acr:satisfied", + "acr:aggregatedScore": "100%", + + "assessments": { + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json": { + "dct:title": "Accessibility assessment #1 - Page feedback tool", + "dct:references": "https://wet-boew.github.io/GCWeb/sites/feedback/reports/a11y-2-en.html", + "dct:language": "en", + "dct:date": "2023-10-30", + "@type": "acr:AssessmentReport" + } + }, + + "acr:audit": [ + { + "earl:assertedBy": { + "foaf:name": "Pierre Dubois (Github: @duboisp)", + "foaf:homepage": "https://github.com/duboisp", + "@type": ["earl:Assertor", "foaf:Person"] + }, + "@type": ["acr:AuditReport", "earl:Assertion"], + "earl:mode": "earl:manual", + "acr:accuracy": "acr:falseNegative", + "acr:accuracy_technical_note": "Rethink this property set on AudiReport to reflect more the global view (type) of the assessment vs the view of the auditNote. Like 'pre-assessment', 'partial evaluation', 'complete', 'themed', 're-assessment'", + "dct:description": "Confirm the score of 100%. There are no work items, and the numbering for WCAG 2.2 has changed since then, but I did not modify them. I removed the techniques identified per SC according to our new guidance for that property.", + "dct:issued": "2023-12-14", + "acr:assessment": "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json", + "acr:auditNote": [ + { + "@type": "acr:AuditReportNote", + "acr:accuracy": "acr:falseNegative", + "dct:date": "2023-12-14", + "dct:title": "Standard mode - Accessible name of 'No' button", + "dct:description": "I confirm its accessible name does match the text that is presented visually. That justification is not strong enough to make it fail the Success Criterion.", + "acr:severity": "acr:notRelevant", + "acr:relevancy": "wbv:acr#notRelevant", + "earl:test": "WCAG21:label-in-name", + "earl:outcome":"earl:passed", + "earl:subject": "_subject" + }, + { + "@type": "acr:AuditReportNote", + "acr:accuracy": "acr:falseNegative", + "dct:date": "2023-12-14", + "dct:title": "Basic mode - Accessible name of 'No' button", + "dct:description": "I confirm its accessible name does match the text that is presented visually. The button's technical value used for form submission is disconnected and out of scope for the accessible name computation. That justification is not strong enough to make it fail the Success Criterion.", + "acr:severity": "acr:notRelevant", + "acr:relevancy": "wbv:acr#notRelevant", + "earl:test": "WCAG21:label-in-name", + "earl:outcome":"earl:passed", + "earl:subject": "_subject" + }, + { + "@type": "acr:AuditReportNote", + "acr:accuracy": "acr:falseNegative", + "dct:date": "2023-12-14", + "dct:title": "Status messages about the character limit of the text field", + "dct:description": "The component is not displaying a status message about the number of characters left, so this Success Criterion is not applicable. Although, we can note that the official attribute 'maxlength' of the text area element is used to report that content length limitation, which is done in conformance with the HTML5 specification, which is described as 'Maximum length of value', which is conforming to info and relationship Success Criterion 1.3.1. We can assume that limitation is calculable and predictable by the browser and/or the assistive technology. There is a risk where that HTML feature could be not fully reported to the user by some assistive technology. Further testing would be required and that is going to fall under improving the compatibility for specific assistive technologies", + "acr:severity": "acr:notRelevant", + "acr:relevancy": "wbv:acr#notRelevant", + "earl:test": "WCAG21:status-messages", + "earl:outcome":"earl:passed", + "earl:subject": "_subject" + } + ] + } + ], + + "wf:task": [ + { + "@type": "wf:Task", + "dct:title": "Compatibility research on how AT are supporting the maxlength attribute", + "wf:goalDescription": "Document various AT and browser compatibility tests regarding how they are clearing announcing the input content limitation set through the attribute 'maxlength' for a textaria element. Goal is to propose, if issues are found, a solution that could improve the user experience to ensure they are advised when they have reached or close to reach that max length limit.", + "wf:successCriteria": "A published report with a research summary, any relevant details and related finding.", + "dct:created": "2023-12-15", + "acr:requirement": "WCAG21:status-messages", + "earl:test": [ "WCAG21:status-messages" ], + "acr:severity": "acr:notRelevant", + "acr:relevancy": "wbv:acr#comments" + } + ], + + "dct:source": "act:standard/sets/wcag2x/wcag21_all_levelAA.json", + "acr:conformity": [ + { + "acr:requirement": "WCAG21:non-text-content", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:audio-only-and-video-only-prerecorded", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:captions-prerecorded", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:audio-description-or-media-alternative-prerecorded", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:captions-live", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:audio-description-prerecorded", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:info-and-relationships", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:meaningful-sequence", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:sensory-characteristics", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:orientation", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:identify-input-purpose", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:use-of-color", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:audio-control", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:contrast-minimum", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:resize-text", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:image-of-text", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:reflow", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:non-text-contrast", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:text-spacing", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:content-on-hover-or-focus", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:keyboard", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:no-keyboard-trap", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:character-key-shortcuts", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:timing-adjustable", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:pause-stop-hide", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:three-flashes-or-below-threshold", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:bypass-blocks", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:page-titled", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:focus-order", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:link-purpose-in-context", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:multiple-ways", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:headings-and-labels", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:focus-visible", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:pointer-gestures", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:pointer-cancellation", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:label-in-name", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "See the audit note, after review this SC are satisfied.", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:motion-actuation", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:language-of-page", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:language-of-parts", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:on-focus", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:on-input", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:consistent-navigation", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:consistent-identification", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:error-identification", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:labels-or-instructions", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:error-suggestion", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:error-prevention-legal-financial-data)", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:parsing", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:name-role-value", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + }, + { + "acr:requirement": "WCAG21:status-messages", + "acr:conformance": "acr:satisfied", + "acr:assessment": [ + "https://wet-boew.github.io/GCWeb/sites/feedback/reports/pre-a11y-2.json" + ], + "earl:subject": "_:subject", + "dct:description": "See the audit note, after review this SC are satisfied.", + "dct:modified": "2023-12-15", + "earl:mode": "earl:manual", + "@type": [ "acr:ConformanceRequirement" ] + } + ] +} From 4c392da4f6f487eb81a78914c6300129a37ec479 Mon Sep 17 00:00:00 2001 From: nfrenette Date: Mon, 15 Jan 2024 10:41:33 -0500 Subject: [PATCH 009/161] =?UTF-8?q?M=C3=A9li-m=C3=A9lo=20-=202023-09-menu?= =?UTF-8?q?=20-=20Update=20(#2308)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Switched to using data-ajax-replace to fix CSS bug in Basic HTML mode --- .../2023-09-menu/about.html" | 24 +-- .../2023-09-menu/ajax/gcweb-menu.html" | 8 + .../2023-09-menu/ajax/wet-mega-menu.html" | 13 ++ .../2023-09-menu/calendar.html" | 24 +-- .../2023-09-menu/campaign-menu.css" | 42 +++-- .../2023-09-menu/campaign-menu.js" | 160 ++++++++---------- .../2023-09-menu/index.html" | 24 +-- .../2023-09-menu/media.html" | 47 +++++ 8 files changed, 174 insertions(+), 168 deletions(-) create mode 100644 "m\303\251li-m\303\251lo/2023-09-menu/ajax/gcweb-menu.html" create mode 100644 "m\303\251li-m\303\251lo/2023-09-menu/ajax/wet-mega-menu.html" create mode 100644 "m\303\251li-m\303\251lo/2023-09-menu/media.html" diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/about.html" "b/m\303\251li-m\303\251lo/2023-09-menu/about.html" index 7a87020f2c..0bed717a2b 100644 --- "a/m\303\251li-m\303\251lo/2023-09-menu/about.html" +++ "b/m\303\251li-m\303\251lo/2023-09-menu/about.html" @@ -12,28 +12,16 @@

      About - Campaign Menu

      Example of a new menu that uses megamenu for md and lg, and GCWeb menu for sm and xs.

      -
      +

      Test content

      Lorem

      diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/ajax/gcweb-menu.html" "b/m\303\251li-m\303\251lo/2023-09-menu/ajax/gcweb-menu.html" new file mode 100644 index 0000000000..3d7080d931 --- /dev/null +++ "b/m\303\251li-m\303\251lo/2023-09-menu/ajax/gcweb-menu.html" @@ -0,0 +1,8 @@ +
    • Home
      • +
    • Calendar
      • +
    • + +
      • diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/ajax/wet-mega-menu.html" "b/m\303\251li-m\303\251lo/2023-09-menu/ajax/wet-mega-menu.html" new file mode 100644 index 0000000000..662fc0ebf1 --- /dev/null +++ "b/m\303\251li-m\303\251lo/2023-09-menu/ajax/wet-mega-menu.html" @@ -0,0 +1,13 @@ +
      +

      Winterlude Site Menu

      + +
      diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/calendar.html" "b/m\303\251li-m\303\251lo/2023-09-menu/calendar.html" index 2dcb3a9346..731a2753f0 100644 --- "a/m\303\251li-m\303\251lo/2023-09-menu/calendar.html" +++ "b/m\303\251li-m\303\251lo/2023-09-menu/calendar.html" @@ -11,28 +11,16 @@

      Calendar with global GCMenu - Campaign Menu

      Example of a new menu that uses megamenu for md and lg, and GCWeb menu for sm and xs.

      -
      +

      Test content

      Lorem

      diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.css" "b/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.css" index a8bb5fa3c3..ad4bbcc8d6 100644 --- "a/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.css" +++ "b/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.css" @@ -4,37 +4,41 @@ background: #003c77; color: #fff; } -/* remove table cell and text shadow*/ +/* remove table cell and text shadow */ #wb-sm.campaign-menu .menu { border-right: 0px !important; display: block; text-shadow: none; } - /* focus within mneu itme background */ + /* focus within menu item background */ #wb-sm.campaign-menu .menu .active, -#wb-sm.campaign-menu .menu .wb-navcurr { +#wb-sm.campaign-menu .menu .wb-navcurr, +#wb-sm.campaign-menu .menu > li a:focus { background: #ccc !important; color: #333 !important; } +#wb-sm.campaign-menu .menu > li { + border-left: 1px solid #003c77; +} + +#wb-sm.campaign-menu .menu > li:last-child { + border-right: 1px solid #003c77; +} + /* adjust menu padding to align height with GCMenu button */ #wb-sm.campaign-menu .menu > li a { padding: 0.5em 1em; } -/* change menu item on-hover background*/ +/* change menu item on-hover background */ #wb-sm.campaign-menu .menu > li a:hover{ background: #ccc !important; color: #333 !important; } -/* change menu item on-focus background */ -#wb-sm.campaign-menu .menu > li a:focus{ - background: #003c77 !important; - color: #fff !important; -} -/* change menuitem text color when mouse move to submenu item*/ +/* change menuitem text color when mouse move to submenu item */ #wb-sm.campaign-menu .menu > li.active > a{ background: #ccc!important; color: #333!important; @@ -46,7 +50,7 @@ color: #333 !important; } -/* hover on submenu item*/ +/* hover on submenu item */ #wb-sm.campaign-menu .sm.open li a:active, #wb-sm.campaign-menu .sm.open li a:focus, #wb-sm.campaign-menu .sm.open li a:hover { @@ -59,15 +63,6 @@ border-bottom: 5px solid #003c77 !important; } - -/* add right border for last child item on md screen */ -@media screen and (max-width: 1199px) { - #wb-sm.campaign-menu .menu > li:last-child { - border-right: 1px solid #999; - } -} - - /*** GCWEB Menu ***/ /* default color */ .gcweb-menu.campaign-menu button[aria-haspopup=true] { @@ -85,7 +80,7 @@ /* button closed */ .gcweb-menu.campaign-menu button[aria-haspopup=true]:focus { background-color: #003c77 !important; - border: 1px dotted #fff; /* For focus - Make sure the */ + border: 1px dotted #fff; color: #fff; } @@ -99,7 +94,8 @@ background-color: #003c77 !important; color: #fff; } -/* remove boder lines */ + +/* remove border lines */ .gcweb-menu.campaign-menu [role=menuitem], .gcweb-menu.campaign-menu [role=menuitem]:visited, .gcweb-menu.campaign-menu [role=menu] > li, @@ -110,7 +106,7 @@ border: none; } -/* submenu background and text color*/ +/* submenu background and text color */ .gcweb-menu.campaign-menu [role=menu] [role=menu] li [role=menuitem] { background-color: #e1e1e1 !important; color: #333; diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.js" "b/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.js" index 04298b77f0..e89d915c46 100644 --- "a/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.js" +++ "b/m\303\251li-m\303\251lo/2023-09-menu/campaign-menu.js" @@ -5,12 +5,6 @@ (function ($, window, document, wb) { "use strict"; - /* - * Variable and function definitions. - * These are global to the plugin - meaning that they will be initialized once per page, - * not once per instance of plugin on the page. So, this is a good place to define - * variables that are common to all instances of the plugin on a page. - */ var componentName = "campaign-menu", selector = "." + componentName + ".gcweb-menu", initEvent = "wb-init" + selector, @@ -21,7 +15,6 @@ * @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) @@ -29,16 +22,8 @@ $elm; if (elm) { - - // At this point, the GCWeb menu is already initialized $elm = $(elm); - // Add IDs for GC menu. This must be synchronized with the ids for the mega menu below. - var gcSubmenus = $elm.find("ul ul"); - for (var i = 1; i < gcSubmenus.length + 1; i++) { - gcSubmenus.eq(i - 1).attr("id", 'sub-menu-' + i); - } - // Check if there is already a gcweb menu. // If there are 2 present, the global GCWeb menu is present, hide this custom menu var gcWebMenus = document.querySelectorAll(".gcweb-menu"); @@ -58,65 +43,38 @@ return; } - // Megamenu does not exist, let's build it for md and lg using the content in the GCWeb + // Build megamenu once WET is fully initialized, to ensure the GCWeb menu ajax append is complete + $(document).on("wb-ready.wb", buildMegaMenu($elm)); + + wb.ready($elm, componentName); + } + }, + + buildMegaMenu = function ($elm) { + return function (e) { // Retrieve the top level list items from GCWeb men var gcwebMenuListItems = $elm.find("> ul > li"); // Start building mega menu var megamenuHTML = ""; - var listItemCounter = 0; - var subMenuCounter = 0; $.each(gcwebMenuListItems, function (key, element) { - // console.log(key + ": " + element); - listItemCounter++; - // Get top level list item's anchor - var listItemAnchor = element.querySelector("a"); - listItemAnchor.setAttribute('class', 'item'); - //console.log("anchor: ", listItemAnchor); - - // Get top level list item's children - var listItemchildren = element.querySelectorAll("li"); - //console.log("children: ", listItemchildren); - //console.log("children length: " + gcwebMenuListItems.length); - - // Build top level list items, with and without submenus - if (listItemchildren.length > 0) { - // Use counter to generate dynamic href bookmarks and ids for submenus - subMenuCounter++; - - // Build list item with a submenu - let subMenuId = "menu-" + subMenuCounter; - - var submegamenuHTML = ""; - // TODO: Verify all the attributes - megamenuHTML += ` -
    • ${listItemAnchor.textContent}`; - - $.each(listItemchildren, function (key, element) { - //console.log(key + ": " + element); - var subListItemAnchor = element.querySelector("a"); - var href = subListItemAnchor.getAttribute('href'); - - // TODO: Add missing attributes present in the - submegamenuHTML += `
    • ${subListItemAnchor.textContent}
      • `; - }); - - megamenuHTML += ``; - } else { - // Build list item without a submenu - let href = listItemAnchor.getAttribute('href'); - megamenuHTML += `
    • ${listItemAnchor.textContent}
      • `; - } + var anchor = element.querySelector("a"); + // Build list item without a submenu + let href = anchor.getAttribute('href'); + let linkText = anchor.textContent; + megamenuHTML += `
    • ${linkText}
      • `; }); // Get GCWeb h2 var gcwebMenuH2 = document.querySelector(selector + " > h2"); + var megamenuAjaxReplace = $elm[0].getAttribute('data-megamenu-ajax'); + // Wrap menu HTML with the megamenu wrapper // NOTE: Removed role="navigation" (redundant) and typeof="SiteNavigationElement" (not required) megamenuHTML = ` -
    -
    +

    Implementation plan

    (To be revised during winter 2023-24)

    diff --git "a/m\303\251li-m\303\251lo/2023-09-menu/media.html" "b/m\303\251li-m\303\251lo/2023-09-menu/media.html" new file mode 100644 index 0000000000..038bbe90ae --- /dev/null +++ "b/m\303\251li-m\303\251lo/2023-09-menu/media.html" @@ -0,0 +1,47 @@ +--- +title: Media - Campaign Menu +dateModified: 2023-09-12 +lang: en +css: campaign-menu.css +script: campaign-menu.js +layout: no-container +nomenu: true +--- +
    +

    Media - Campaign Menu

    +

    Example of a new menu that uses megamenu for md and lg, and GCWeb menu for sm and xs.

    +
    +
    + +
    +
    +

    Test content

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +

    Lorem

    +
    From 4d4dabd61d626d270a8432328154deeb94c8dc13 Mon Sep 17 00:00:00 2001 From: Ettahri Date: Tue, 16 Jan 2024 09:35:30 -0500 Subject: [PATCH 010/161] Release v14.4.0 --- index-en.md | 4 ++-- index-fr.md | 4 ++-- package-lock.json | 4 ++-- package.json | 4 ++-- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/index-en.md b/index-en.md index f6c8e1a221..ee21eee981 100644 --- a/index-en.md +++ b/index-en.md @@ -1,7 +1,7 @@ --- title: GCWeb, the WET-BOEW Canada.ca theme altLangPage: index-fr.html -dateModified: 2023-01-08 +dateModified: 2024-01-16 description: "Home page describing all the components of the Canada.ca theme, named GCWeb." layout: no-container language: en @@ -20,7 +20,7 @@ css:

    The page templates and design patterns below comprise a reference implementation of the Canada.ca design system, including the mandatory requirement of the Content and Information Architecture (C&IA) Specification. Government of Canada departments and agencies can contribute additional patterns and templates via GCWeb github repository.

    -

    Download GCWeb theme v14.3.0
    +

    Download GCWeb theme v14.4.0
    ( - Release notes)

    diff --git a/index-fr.md b/index-fr.md index c42d3d2322..60b5098328 100644 --- a/index-fr.md +++ b/index-fr.md @@ -1,7 +1,7 @@ --- title: GCWeb, le thème WET-BOEW de Canada.ca altLangPage: index-en.html -dateModified: 2023-01-08 +dateModified: 2024-01-16 description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb." layout: no-container language: fr @@ -20,7 +20,7 @@ css:

    Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.

    -

    Télécharger le thème GCWeb v14.3.0
    +

    Télécharger le thème GCWeb v14.4.0
    ( - Note de version)

    diff --git a/package-lock.json b/package-lock.json index 8378f6ba96..9ac7dad07d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.3.0", + "version": "14.4.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -11590,7 +11590,7 @@ } }, "wet-boew": { - "version": "github:wet-boew/wet-boew#89a7eca8db509e6c9a101d678537b8908d8dadd1", + "version": "github:wet-boew/wet-boew#cdc82ddefa05000142f8c29c5102c4441730520a", "from": "github:wet-boew/wet-boew#v4.0.73", "requires": { "bootstrap-sass": "3.4.1", diff --git a/package.json b/package.json index 54b21ebc41..5d0a88306e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.3.0", + "version": "14.4.0", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { @@ -13,7 +13,7 @@ "license": "MIT", "dependencies": { "bootstrap-sass": "3.4.1", - "wet-boew": "github:wet-boew/wet-boew#v4.0.73" + "wet-boew": "github:wet-boew/wet-boew#v4.0.74" }, "browserslist": [ "last 2 versions", From 16856f9a551b8153f4be97da22f4d8fc92c77f72 Mon Sep 17 00:00:00 2001 From: delisma Date: Thu, 4 Jan 2024 10:45:56 -0500 Subject: [PATCH 011/161] Add main page title component This commit adds the main page title component, which includes the SCSS file, HTML template, JSON data, and Markdown documentation for both English and French versions. The component provides a default H1 style with a short bold red underline for use in Canada.ca websites. It also includes guidance and code samples for implementing the component with and without RDFa + schema.org markup. --- _config.yml | 1 + _data/sites.json | 2951 ----------------- components/baseline/_base.scss | 13 - sites/_variables.scss | 5 + sites/baseline/_heading.scss | 1 - sites/main-page-title/_base.scss | 7 + .../includes/main-page-title.html | 1 + sites/main-page-title/index.json-ld | 162 + sites/main-page-title/main-page-title-en.md | 10 + sites/main-page-title/main-page-title-fr.md | 10 + sites/theme.scss | 1 + 11 files changed, 197 insertions(+), 2965 deletions(-) delete mode 100644 _data/sites.json create mode 100644 sites/main-page-title/_base.scss create mode 100644 sites/main-page-title/includes/main-page-title.html create mode 100644 sites/main-page-title/index.json-ld create mode 100644 sites/main-page-title/main-page-title-en.md create mode 100644 sites/main-page-title/main-page-title-fr.md 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/sites.json b/_data/sites.json deleted file mode 100644 index b7e987fef2..0000000000 --- a/_data/sites.json +++ /dev/null @@ -1,2951 +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": "Archived - template", - "fr": "Archivé - Gabarit" - }, - "description": { - "en": "Gobal demoed feature included but need to move in its own folder.", - "fr": "Fonctionalité globale inclus mais qu'il nécessite qu'ils soit déplacé dans son propre dossier." - }, - "modified": "2022-05-03", - "componentName": "archived", - "status": "stable", - "version": "1.1", - "pages": { - "examples": [ - { - "title": "Archived - Content page", - "language": "en", - "path": "archived-en.html" - }, - { - "title": "Archivé - Page de contenu", - "language": "fr", - "path": "archived-fr.html" - } - ], - "docs": [ - { - "title": "Archived - documentation", - "language": "en", - "path": "archived-docs-en.html" - }, - { - "title": "Archivé - documentation", - "language": "fr", - "path": "archived-docs-fr.html" - } - ] - }, - "dependencies": "no dependency", - "a11yGuidance": "no accessibility guidance", - "variations": [ - { - "name": { - "en": "Archived - default", - "fr": "Archivé - par défaut" - }, - "status": "stable", - "description": { - "en": "The archived component indicates that a given page was archived and its content is provided for reference, research or recordkeeping purposes.", - "fr": "La composante archivé indique qu'une page donnée a été archivée et que son contenu est fourni aux fins de référence, de recherche ou de tenue de documents." - }, - "iteration": "_:iteration_archvd_1", - "example": [ - { - "en": { "href": "archived-en.html", "text": "Archived" }, - "fr": { "href": "archived-fr.html", "text": "Archivé" } - } - ], - "implementation": [ - "_:implement_archvd" - ], - "history": [ - { - "en": "November 2023 - Initial implementation of the variation.", - "fr": "Novembre 2023 - Implémentation initiale de la variante." - } - ] - }, - { - "name": { - "en": "Archived with overlay", - "fr": "Archivé avec contenu superposé" - }, - "status": "stable", - "description": { - "en": "The archived with overlay component indicates that a given page was archived and its content is provided for reference, research or recordkeeping purposes. It contains an overlayed element that appears when the page is scrolled.", - "fr": "La composante archivé avec contenu superposé indique qu'une page donnée a été archivée et que son contenu est fourni aux fins de référence, de recherche ou de tenue de documents. Elle comporte un élément superposé au contenu qui s'affiche lorsque la page défile." - }, - "iteration": "_:iteration_archvd_overlay_1", - "example": [ - { - "en": { "href": "archived-overlay-en.html", "text": "Archived with overlay" }, - "fr": { "href": "archived-overlay-fr.html", "text": "Archivé avec contenu superposé" } - } - ], - "implementation": [ - "_:implement_archvd_overlay", - "_:implement_archvd_overlay_gcweb" - ], - "history": [ - { - "en": "February 2014 - Initial implementation of the variation.", - "fr": "Février 2014 - Implémentation initiale de la variante." - } - ] - } - ], - "implementation": [ - { - "@id": "_:implement_archvd_overlay", - "iteration": "_:iteration_archvd_overlay_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": [ - "Insert the code snippet below at the beginning of your <body> element." - ], - "fr": [ - "Insérez l'extrait de code ci-dessous au début de votre élément <body>." - ] - }, - "notes": { - "en": [ - "For more information on how the Overlay or Data Inview plugins, visit their respective documentation" - ], - "fr": [ - "Pour plus d'informations sur le fonctionnement des plugiciels Contenu superposé ou Data Inview, visitez leur documentation respective" - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "
    \n\t
    \n\t\t

    We have archived this page and will not be updating it.

    \n\t\t

    You can use it for research or reference.

    \n\t
    \n
    \n\n
    \n\t
    \n\t\t

    We have archived this page and will not be updating it.

    \n\t\t

    You can use it for research or reference.

    \n\t
    \n
    " - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "
    \n\t
    \n\t\t

    Nous avons archivé cette page et elle ne sera plus mise à jour.

    \n\t\t

    Vous pouvez la consulter à des fins de recherche ou à titre de référence.

    \n\t
    \n
    \n\n
    \n\t
    \n\t\t

    Nous avons archivé cette page et elle ne sera plus mise à jour.

    \n\t\t

    Vous pouvez la consulter à des fins de recherche ou à titre de référence.

    \n\t
    \n
    " - } - ] - } - }, - { - "@id": "_:implement_archvd_overlay_gcweb", - "iteration": "_:iteration_archvd_overlay_1", - "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 \"Archived with overlay\", in the page's front-matter, set the property archiveOverlay to true." - ], - "fr": [ - "Pour afficher \"Archivé avec contenu superposé\", dans l'en-tête de la page, définissez la propriété archiveOverlay à true." - ] - }, - "notes": { - "en": [ - "For more information on how the Overlay or Data Inview plugins, visit their respective documentation" - ], - "fr": [ - "Pour plus d'informations sur le fonctionnement des plugiciels Contenu superposé ou Data Inview, visitez leur documentation respective" - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "{\n\t...\n\t\"archiveOverlay\": true\n\t...\n}" - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code:", - "code": "{\n\t...\n\t\"archiveOverlay\": true\n\t...\n}" - } - ] - } - }, - { - "@id": "_:implement_archvd", - "iteration": "_:iteration_archvd_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": [ - "Insert the code snippet below at the beginning of your <body> element." - ], - "fr": [ - "Insérez l'extrait de code ci-dessous au début de votre élément <body>." - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "
    \n\t
    \n\t\t

    We have archived this page and will not be updating it.

    \n\t\t

    You can use it for research or reference.

    \n\t
    \n
    " - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "
    \n\t
    \n\t\t

    Nous avons archivé cette page et elle ne sera plus mise à jour.

    \n\t\t

    Vous pouvez la consulter à des fins de recherche ou à titre de référence.

    \n\t
    \n
    " - } - ] - } - } - ], - "iteration": [ - { - "@id": "_:iteration_archvd_1", - "name": "Archived - Iteration 1", - "date": "2023-11", - "detectableBy": ".gc-archv", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": "
    \n\t
    \n\t

    We have archived this page and will not be updating it.

    \n\t

    You can use it for research or reference.

    \n\t
    \n
    " - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code", - "code": "
    \n\t
    \n\t

    Nous avons archivé cette page et elle ne sera plus mise à jour.

    \n\t

    Vous pouvez la consulter à des fins de recherche ou à titre de référence.

    \n\t
    \n
    " - } - ] - }, - { - "@id": "_:iteration_archvd_overlay_1", - "name": "Archived with overlay - Iteration 1", - "date": "2014-02", - "detectableBy": ".gc-archv.wb-inview", - "predecessor": "_:iteration_archvd_1", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": "
    \n\t
    \n\t

    We have archived this page and will not be updating it.

    \n\t

    You can use it for research or reference.

    \n\t
    \n
    \n\n
    \n\t
    \n\t

    We have archived this page and will not be updating it.

    \n\t

    You can use it for research or reference.

    \n\t
    \n
    " - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code", - "code": "
    \n\t
    \n\t

    Nous avons archivé cette page et elle ne sera plus mise à jour.

    \n\t

    Vous pouvez la consulter à des fins de recherche ou à titre de référence.

    \n\t
    \n
    \n\n
    \n\t
    \n\t

    Nous avons archivé cette page et elle ne sera plus mise à jour.

    \n\t

    Vous pouvez la consulter à des fins de recherche ou à titre de référence.

    \n\t
    \n
    " - } - ] - } - ], - "changesets": [ - { - "@id": "_:cs_archvd", - "name": "Archived", - "status": "stable", - "baseOnIteration": "_:iteration_archvd_1", - "detectableBy": ".gc-archv", - "layout": "Must be at the very top of the page", - "semantic": "section > .container > h2 + p", - "static": [ - "We have archived this page and will not be updating it.", - "You can use it for research or reference.", - "Nous avons archivé cette page et elle ne sera plus mise à jour.", - "Vous pouvez la consulter à des fins de recherche ou à titre de référence." - ], - "include": { - "@type": "source-code", - "collapsed": true, - "description": "Include with logic in Liquid.", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "../headers-includes/archive.html" - } - } - }, - { - "@id": "_:cs_archvd_overlay", - "name": "Archived with overlay", - "status": "stable", - "baseOnIteration": "_:iteration_archvd_overlay_1", - "detectableBy": ".gc-archv.wb-inview", - "layout": "Must be at the very top of the page", - "semantic": "(section > .container > h2 + p) + (section > .container > h2 + p)", - "static": [ - "We have archived this page and will not be updating it.", - "You can use it for research or reference.", - "Nous avons archivé cette page et elle ne sera plus mise à jour.", - "Vous pouvez la consulter à des fins de recherche ou à titre de référence." - ], - "include": { - "@type": "source-code", - "collapsed": true, - "description": "Include with logic in Liquid.", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "../headers-includes/archive.html" - } - }, - "basic": "Overlay is not enabled." - } - ] -} -,{ - "@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": "Authentication", - "fr": "Authentification" - }, - "description": { - "en": "Documentation and working example on how to use the contextual sign in button.", - "fr": "Documentation et example pratique sur l'utilisation du bouton de connexion contextuel." - }, - "modified": "2022-05-03", - "componentName": "authentication", - "status": "stable", - "pages": { - "docs": [ - { - "title": "Authentication patterns", - "language": "en", - "path": "authentication-en.html" - }, - { - "title": "Modèles d'authentification", - "language": "fr", - "path": "authentication-fr.html" - } - ], - "examples": [ - { - "title": "Contextual Sign in button", - "language": "en", - "path": "contextual-signin-en.html" - }, - { - "title": "Bouton contextuel « Se connecter »", - "language": "fr", - "path": "contextual-signin-fr.html" - }, - { - "title": "Contextual Sign in button with extended custom label", - "language": "en", - "path": "contextual-signin-label-extended-en.html" - }, - { - "title": "Bouton contextuel « Se connecter » avec libellé personnalisé étendu", - "language": "fr", - "path": "contextual-signin-label-extended-fr.html" - }, - { - "title": "Contextual Sign in button without custom labels", - "language": "en", - "path": "contextual-signin-nolabels-en.html" - }, - { - "title": "Bouton contextuel « Se connecter » sans aucun libelés personnalisés", - "language": "fr", - "path": "contextual-signin-nolabels-fr.html" - }, - { - "title": "Contextual Sign in button without the GCWeb Menu", - "language": "en", - "path": "contextual-signin-nomenu-en.html" - }, - { - "title": "Bouton contextuel « Se connecter » sans le menu GCWeb", - "language": "fr", - "path": "contextual-signin-nomenu-fr.html" - }, - { - "title": "Content page - Signed-Off pattern", - "language": "en", - "path": "signedoff-en.html" - }, - { - "title": "Page de contenu - Modèle de session fermée", - "language": "fr", - "path": "signedoff-fr.html" - }, - { - "title": "Content page - Signed-On pattern", - "language": "en", - "path": "signedon-en.html" - }, - { - "title": "Page de contenu - Modèle de session ouverte", - "language": "fr", - "path": "signedon-fr.html" - }, - { - "title": "Active user session", - "language": "en", - "path": "activeusersession-en.html" - }, - { - "title": "Session utilisateur active", - "language": "fr", - "path": "activeusersession-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": "Breadcrumb trail", - "fr": "Fil d'Ariane" - }, - "description": { - "en": "Indicates the location of the current page in relation to its parent in the site structure to reinforce a visitor’s current location in the Canada.ca user navigation model.", - "fr": "L’objectif du fil d'Ariane est de renforcer l’emplacement actuel des visiteurs dans le modèle de navigation de l’utilisateur du site Canada.ca." - }, - "modified": "2023-09-06", - "componentName": "breadcrumbs", - "status": "stable", - "pages": { - "docs": [ - { - "title": "Breadcrumb trail", - "language": "en", - "path": "breadcrumbs-en.html" - }, - { - "title": "Fil d'Ariane", - "language": "fr", - "path": "breadcrumbs-fr.html" - } - ] - } -} -,{ - "@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": "Date modified", - "fr": "Date de modification" - }, - "description": { - "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", - "componentName": "date-modified", - "status": "stable", - "version": "1.0", - "pages": { - "docs": [ - { - "title": "Date modified", - "language": "en", - "path": "date-modified-en.html" - }, - { - "title": "Date de modification", - "language": "fr", - "path": "date-modified-fr.html" - } - ] - }, - "dependencies": [ - "Page details" - ], - "a11yGuidance": "no accessibility guidance", - "variations": [ - { - "name": { - "en": "Date modified - default", - "fr": "Date de modification - par défaut" - }, - "status": "stable", - "description": { - "en": "The date modified component indicates how recently the content of a web page has been updated.", - "fr": "La composante de date de modification indique la date de la dernière mise à jour d'une page Web." - }, - "guidance": { - "en": "https://design.canada.ca/common-design-patterns/date-modified.html", - "fr": "https://conception.canada.ca/configurations-conception-communes/date-modification.html" - }, - "iteration": "_:iteration_dtmd_1", - "example": [ - { - "en": { "href": "../../content-page/content-en.html", "text": "Content page (date modified at bottom of page)" }, - "fr": { "href": "../../content-page/content-fr.html", "text": "Page de contenu (date de modification au bas de la page)" } - } - ], - "implementation": [ - "_:implement_dtmd" - ], - "history": [ - { - "en": "June 2014 - Initial implementation of the variation.", - "fr": "Juin 2014 - Implémentation initiale de la variante." - } - ] - } - ], - "implementation": [ - { - "@id": "_:implement_dtmd", - "iteration": "_:iteration_dtmd_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": [ - "Create a <dl id=\"wb-dtmd\">.", - "Inside the above <dl>,
    1. create a <dt>Date modified:</dt>.
    2. create a <dd><time property=\"dateModified\">[YYYY-MM-DD]<time></dd>, where [YYYY-MM-DD] is the date the current page was last updated. For example: 2023-11-03.
    " - ], - "fr": [ - "Créez un <dl id=\"wb-dtmd\">.", - "À l'intérieur de ce <dl>,
    1. créez un <dt>Date de modification :</dt>.
    2. créez un <dd><time property=\"dateModified\">[AAAA-MM-JJ]<time></dd>, où [AAAA-MM-JJ] est la date à laquelle la page courante a été modifiée pour la dernière fois. Par exemple: 2023-11-03.
    " - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "
    \n\t
    Date modified:
    \n\t
    \n
    " - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "
    \n\t
    Date de modification :
    \n\t
    \n
    " - } - ] - } - } - ], - "iteration": [ - { - "@id": "_:iteration_dtmd_1", - "name": "Date modified - Iteration 1", - "date": "2014-06", - "detectableBy": "#wb-dtmd", - "assets": [ - { - "@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>" - }, - { - "@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>" - } - ] - } - ], - "changesets": [ - { - "@id": "_:cs_dtmd", - "name": "Date modified", - "status": "stable", - "baseOnIteration": "_:iteration_dtmd_1", - "detectableBy": "#wb-dtmd", - "layout": "The
    is on the right of the
    .", - "semantic": "dl > dt + dd", - "static": [ - "Date modified:", - "Date de modification :" - ], - "schema": [ - "Last modified date" - ], - "include": { - "@type": "source-code", - "collapsed": true, - "description": "Include with logic in Liquid.", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "includes/date-modified.html" - } - } - } - ] -} -,{ - "@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": "Feedback area", - "fr": "Zone de rétroaction" - }, - "description": { - "en": "Documentation on how to use the elements of the feedback area.", - "fr": "Documentation sur l'utilisation des éléments de la zone commentaires." - }, - "modified": "2023-01-10", - "componentName": "feedback", - "status": "stable", - "version": "2.0", - "pages": { - "docs": [ - { - "title": "Documentation for the feedback area", - "language": "en", - "path": "feedback-docs-en.html" - }, - { - "title": "Documentation pour la zone de rétroaction", - "language": "fr", - "path": "feedback-docs-fr.html" - } - ], - "examples": [ - { - "title": "Page feedback tool", - "language": "en", - "path": "page-feedback-en.html" - }, - { - "title": "Outil de rétroaction sur la page", - "language": "fr", - "path": "page-feedback-fr.html" - }, - { - "title": "Page feedback tool with contact link", - "language": "en", - "path": "page-feedback-contact-en.html" - }, - { - "title": "Outil de rétroaction sur la page avec lien de contact", - "language": "fr", - "path": "page-feedback-contact-fr.html" - }, - { - "title": "Report a problem", - "language": "en", - "path": "report-problem-en.html" - }, - { - "title": "Signaler un problème", - "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" - } - ] - }, - "dependencies": [ - "Page details" - ], - "a11yGuidance": "no accessibility guidance", - "variations": [ - { - "name": { - "en": "Page feedback tool (PFT) - default", - "fr": "Outil de rétroaction sur la page (ORP) - par défaut" - }, - "status": "stable", - "description": { - "en": "The Page feedback tool variation replaces the “Report a problem” pattern while actively collecting user feedback", - "fr": "La variante de l'Outil de rétroaction sur la page remplace le modèle « Signaler un problème » tout en collectant activement les commentaires des utilisateurs." - }, - "guidance": { - "en": "https://design.canada.ca/feedback/index.html", - "fr": "https://conception.canada.ca/retroaction/index.html" - }, - "iteration": "_:iteration_pft_1", - "example": [ - { - "en": { "href": "page-feedback-en.html", "text": "Page feedback tool" }, - "fr": { "href": "page-feedback-fr.html", "text": "Outil de rétroaction sur la page" } - } - ], - "implementation": [ - "_:implement_pft", - "_:implement_pft_gcweb", - "_:implement_pft_upgrade_rap", - "_:implement_pft_mws_author" - ], - "history": [ - { - "en": "August 2023 - Initial implementation of the variation.", - "fr": "Août 2023 - Implémentation initiale de la variante." - } - ] - }, - { - "name": { - "en": "Page feedback tool with contact link", - "fr": "Outil de rétroaction sur la page avec lien de contact" - }, - "status": "stable", - "description": { - "en": "The Page feedback tool with contact link variation replaces the “Report a problem” pattern while actively collecting user feedback", - "fr": "La variante de l'Outil de rétroaction sur la page avec lien de contact remplace le modèle « Signaler un problème » tout en collectant activement les commentaires des utilisateurs." - }, - "guidance": { - "en": "https://design.canada.ca/feedback/index.html", - "fr": "https://conception.canada.ca/retroaction/index.html" - }, - "iteration": "_:iteration_pft_1", - "example": [ - { - "en": { "href": "page-feedback-contact-en.html", "text": "Page feedback tool with contact link" }, - "fr": { "href": "page-feedback-contact-fr.html", "text": "Outil de rétroaction sur la page avec lien de contact" } - } - ], - "implementation": [ - "_:implement_pft_contact", - "_:implement_pft_contact_gcweb", - "_:implement_pft_upgrade_rap", - "_:implement_pft_mws_author" - ], - "history": [ - { - "en": "August 2023 - Initial implementation of the variation.", - "fr": "Août 2023 - Implémentation initiale de la variante." - } - ] - }, - { - "name": { - "en": "Report a problem (RAP)", - "fr": "Signaler un problème (SUP)" - }, - "status": "deprecated", - "description": { - "en": "The Report a problem variation features an expand/collapse button with a list of checkboxes.", - "fr": "La variation Signaler un problème comporte un bouton développer/réduire avec une liste de cases à cocher." - }, - "guidance": { - "en": "https://design.canada.ca/common-design-patterns/report-problem.html", - "fr": "https://conception.canada.ca/configurations-conception-communes/signaler-probleme.html" - }, - "iteration": "_:iteration_rap_5", - "example": [ - { - "en": { "href": "report-problem-en.html", "text": "Report a problem" }, - "fr": { "href": "report-problem-fr.html", "text": "Signaler un problème" } - } - ], - "history": [ - { - "en": "October 2023 - RAP status is now deprecated.", - "fr": "Octobre 2023 – SUP passe au statut obsolète." - }, - { - "en": "August 2023 - Removed JSON Manager extraction for 'externalReferer' and 'subject'.", - "fr": "Août 2023 – Suppression de l’extraction via le Gestionnaire JSON pour « externalReferer » et « subject »." - }, - { - "en": "March 2023 - Leveraging JSON Manager Extractor and Data JSON to generate hidden input fields.", - "fr": "Mars 2023 - Utilise l'extracteur du Gestionnaire JSON et Data JSON pour générer des champs de saisie masqués." - }, - { - "en": "January 2023 - Removed login error sub-options and renamed login error option.", - "fr": "Janvier 2023 – Suppression des sous-options d’erreur de connexion et l'option d’erreur de connexion renommée." - }, - { - "en": "May 2022 - Rework of the template to use data-ajax. Includes fallback for basic HTML version.", - "fr": "Mai 2022 - Refonte du gabarit pour utiliser data-ajax. Inclut une solution de secours pour la version HTML simplifiée." - }, - { - "en": "March 2021 - Initial implementation of the component.", - "fr": "Mars 2021 - Implémentation initiale de la composante." - } - ] - } - ], - "implementation": [ - { - "@id": "_:implement_rap", - "iteration": "_:iteration_rap_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": [ - "To show the Report a problem form, create a <div> with the following data attribute: data-ajax-replace=\"ajax/report-problem-en.html\".", - "For the basic HTML version, a link element should be created inside a <div> that points to the report a problem form page: <div><a class=\"btn btn-default btn-block\" href=\"https://www.canada.ca/en/report-problem.html\">Report a problem on this page</a></div>.", - "This variation leverages JSON Manager and Data JSON to get information about the page and generate hidden input fields in the form. Therefore, the tag <meta name=\"dcterms.creator\" content=\"[Department name]\"> needs to be present in the page." - ], - "fr": [ - "Pour afficher le formulaire de commentaires sur la page, créez un <div> avec l'attribut suivant : data-ajax-replace=\"ajax/report-problem-fr.html\".", - "Pour la version HTML de base, un lien doit être créé dans un <div> qui pointe vers la page du formulaire de signalement d'un problème : <div><a class=\"btn btn-default btn-block\" href=\"https://www.canada.ca/fr/signaler-probleme.html\">Signaler un problème sur cette page</a></div>.", - "Cette variante utilise JSON Manager et Data JSON pour obtenir des informations sur la page et générer des champs de saisie masqués dans le formulaire. La balise <meta name=\"dcterms.creator\" content=\"[Nom du service]\"> doit être présente dans la page." - ] - }, - "notes": { - "en": [ - "For more information about Data Ajax plugin, please visit Data Ajax documentation page." - ], - "fr": [ - "Pour plus d'informations sur le plugin Data Ajax, veuillez visiter la page de documentation Data Ajax." - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "
    \n\t
    \n\t\t
    \n\t\t\tReport a problem on this page\n\t\t
    \n\t
    \n
    " - }, - { - "@type": "source-code", - "collapsed": true, - "description": "Ajaxed-in content", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "ajax/report-problem-en.html" - } - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "
    \n\t
    \n\t\t
    \n\t\t\tSignaler un problème sur cette page\n\t\t
    \n\t
    \n
    " - }, - { - "@type": "source-code", - "collapsed": true, - "description": "Contenu ajouté via Ajax", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "ajax/report-problem-fr.html" - } - } - ] - } - }, - { - "@id": "_:implement_rap_aa", - "iteration": "_:iteration_rap_5", - "name": { - "en": "Adobe Analytics", - "fr": "Adobe Analytics" - }, - "introduction": { - "en": "This implementation is meant for analytics analysts trying to add analytics properties to the component.", - "fr": "Cette implémentation est destinée aux analystes en analytiques qui veulent ajouter des propriétés analytiques au composant." - }, - "instructions": { - "en": [ - "To implement Adobe Analytics in the Report a problem form, simply add the attribute data-gc-analytics-rap to every checkbox with the value being the same as the current language's <label>, followed by a dash and followed by the other language's <label>." - ], - "fr": [ - "Pour implémenter Adobe Analytics dans le formulaire Signaler un problème, ajoutez simplement l'attribut data-gc-analytics-rap à chaque case à cocher avec la valeur étant la même que le <label> de la langue actuelle, suivie d'un tiret et suivi par le <label> de l'autre langue." - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "
    \n\t
    " - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "
    \n\t\n\t\n
    " - } - ] - } - }, - { - "@id": "_:implement_rap_gcweb", - "iteration": "_:iteration_rap_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": [ - "In the page's front-matter do the following:
    • set the variable feedback to true
    • set the variable feedbackPath to \"ajax/report-problem-en.html\"
    • set the variable feedbackFallback to true
    " - ], - "fr": [ - "Dans l'en-tête de la page faites ce qui suit :
    • définissez la variable feedback à true.
    • définissez la variable feedbackPath à \"ajax/report-problem-fr.html\"
  • définissez la variable feedbackFallback à true
    • " - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "---\n{\n\t...\n\t\"feedback\": true, \n\t\"feedbackFallback\": true, \n\t\"feedbackPath\": \"ajax-report-problem-en.html\"\n\t...\n}\n---" - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "---\n{\n\t...\n\t\"feedback\": true, \n\t\"feedbackFallback\": true, \n\t\"feedbackPath\": \"ajax-report-problem-fr.html\"\n\t...\n}\n---" - } - ] - } - }, - { - "@id": "_:implement_pft", - "iteration": "_:iteration_pft_1", - "name": { - "en": "Standard (wet-boew)", - "fr": "Standard (wet-boew)" - }, - "introduction": { - "en": "This implementation is meant for developers/publishers adding the component manually while using the latest version of GCWeb along with the implementation of the page details version 3.0 and above.", - "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement en utilisant la dernière version de GCWeb avec l'implémentation de la version 3.0 ou plus du détails de la page." - }, - "instructions": { - "en": [ - "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 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]\">" - ] - }, - "notes": { - "en": [ - "To upgrade from the RAP to the PFT, follow the instructions of the \"Upgrade from RAP\" tab.", - "For more information about Data Ajax plugin, please visit Data Ajax documentation page." - ], - "fr": [ - "Pour passer du SUP au ORP, suivez les instructions de l'onglet \"Mise à jour à partir de SUP\".", - "Pour plus d'informations sur le plugin Data Ajax, veuillez visiter la page de documentation Data Ajax." - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "
    " - }, - { - "@type": "source-code", - "collapsed": true, - "description": "Ajaxed-in content", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "assets/page-feedback-en.html" - } - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "
    " - }, - { - "@type": "source-code", - "collapsed": true, - "description": "Contenu ajouté via Ajax", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "assets/page-feedback-fr.html" - } - } - ] - } - }, - { - "@id": "_:implement_pft_gcweb", - "iteration": "_:iteration_pft_1", - "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. To apply this variant's optional attributes on any given page, you will need to do the following in the page's front-matter:", - "fr": "Cette implémentation est destinée aux développeurs essayant d'implémenter ce composant dans un site GCWeb Jekyll. Pour appliquer les attributs facultatifs de cette variante sur une page donnée, vous devrez procéder comme suit dans le front-matter de la page :" - }, - "instructions": { - "en": [ - "Set the variable feedback to true.", - "Set the variable feedbackData to an object containing the following customizable strings:
    • section: to define the section where your page resides.
    • theme: to define the theme of your page.
    " - ], - "fr": [ - "Définissez la variable feedback à true.", - "Définissez la variable feedbackData à un objet contenant les chaînes de caractères suivantes :
    • section: pour définir la section où réside votre page.
    • theme: pour définir le thème de votre page.
    " - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "---\n{\n\t...\n\t\"feedback\": true,\n\t\"feedbackData\": {\n\t\t\"theme\": \"Theme\",\n\t\t\"section\": \"Section\"\n\t}\n\t...\n}\n---" - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "---\n{\n\t...\n\t\"feedback\": true,\n\t\"feedbackData\": {\n\t\t\"theme\": \"Thème\",\n\t\t\"section\": \"Section\"\n\t}\n\t...\n}\n---" - } - ] - } - }, - { - "@id": "_:implement_pft_upgrade_rap", - "iteration": "_:iteration_pft_1", - "name": { - "en": "Upgrade from RAP", - "fr": "Mise à jour à partir de SUP" - }, - "introduction": { - "en": "This implementation is meant for implementers that want to migrate their current page build with RAP towards the new PFT.", - "fr": "Cette implémentation est destinée aux implémenteurs qui souhaitent migrer leur page actuelle avec SUP vers le nouvel ORP." - }, - "instructions": { - "en": [ - "Update the page details component to the version 3.0.", - "Follow the implementation instructions for the new PFT implementation." - ], - "fr": [ - "Mettez à jour le composant détails de page vers la version 3.0.", - "Suivez les instructions d'implémentation pour la nouvelle implémentation du ORP." - ] - } - }, - { - "@id": "_:implement_pft_mws_author", - "iteration": "_:iteration_pft_1", - "name": { - "en": "MWS users", - "fr": "Utilisateur SWG" - }, - "introduction": { - "en": "For users that are authoring Web pages on Canada.ca Managed Web Services.", - "fr": "Pour les utilisateurs qui font de l'édition de pages Web sur Canada.ca via le Service Web géré." - }, - "instructions": { - "en": [ - "Read the design system guidance before adding the Page feedback tool on your pages.", - "If you are configuring the section, please follow the additional design system guidance.", - "You can configure the Page feedback tool via the page properties by adjusting the optional configurations (contact info and section). The value for the theme configuration is automatically set by MWS.", - "For additional guidance on how to implement the Page feedback tool, you can consult the guide on GCPedia along with the other documentation for MWS." - ], - "fr": [ - "Veuillez lire les consignes du système de conception avant d'ajouter l'Outil de rétroaction sur la page à vos pages.", - "Si vous configurez la section, veuillez suivre les consignes supplémentaires du système de conception.", - "Vous pouvez configurer l'Outil de rétroaction sur la page via les propriétés de la page en ajustant les configurations facultative (informations de contact et section). Les valeurs de la configuration du thème sont automatiquement définies par le SWG.", - "Pour des conseils supplémentaires sur la mise en œuvre de l'Outil de rétroaction sur la page, vous pouvez consulter le guide sur GCPedia avec les autres documents du SWG." - ] - } - }, - { - "@id": "_:implement_pft_contact", - "iteration": "_:iteration_pft_1", - "name": { - "en": "Standard (WET-BOEW)", - "fr": "Standard (WET-BOEW)" - }, - "introduction": { - "en": "This implementation is meant for developers/publishers adding the component manually while using the latest version of GCWeb along with the implementation of the page details version 3.0 and above.", - "fr": "Cette implémentation est destinée aux développeurs/éditeurs qui ajoutent le composant manuellement en utilisant la dernière version de GCWeb avec l'implémentation de la version 3.0 ou plus du détails de la page." - }, - "instructions": { - "en": [ - "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 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]\">" - ] - }, - "notes": { - "en": [ - "To upgrade from the RAP to the PFT, follow the instructions of the \"Upgrade from RAP\" tab.", - "For more information about Data Ajax plugin, please visit Data Ajax documentation page." - ], - "fr": [ - "Pour passer du SUP au ORP, suivez les instructions de l'onglet \"Mise à jour à partir de SUP\".", - "Pour plus d'informations sur le plugin Data Ajax, veuillez visiter la page de documentation Data Ajax." - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "
    " - }, - { - "@type": "source-code", - "collapsed": true, - "description": "Ajaxed-in content", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "assets/page-feedback-en.html" - } - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "
    " - }, - { - "@type": "source-code", - "collapsed": true, - "description": "Contenu ajouté via Ajax", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "assets/page-feedback-fr.html" - } - } - ] - } - }, - { - "@id": "_:implement_pft_contact_gcweb", - "iteration": "_:iteration_pft_1", - "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. To apply this variant's optional attributes on any given page, you will need to do the following in the page's front-matter:", - "fr": "Cette implémentation est destinée aux développeurs essayant d'implémenter ce composant dans un site GCWeb Jekyll. Pour appliquer les attributs facultatifs de cette variante sur une page donnée, vous devrez procéder comme suit dans le front-matter de la page :" - }, - "instructions": { - "en": [ - "Set the variable feedback to true.", - "Set the variable feedbackContact to an object containing the following properties:
    • link: to define the contact link's text.
    • url: to define the contact link's URL.
    ", - "Optionally, set the variable feedbackData to an object containing the following customizable strings:
    • section: to define the section where your page resides.
    • theme: to define the theme of your page.
    " - ], - "fr": [ - "Définissez la variable feedback à true.", - "Définissez la variable feedbackContact à un objet contenant les propriétés :
    • link: pour définir le texte du lien de contact.
    • url: pour définir l'URL du lien de contact.
    ", - "Facultativement, définissez la variable feedbackData à un objet contenant les propriétés suivantes :
    • section: pour définir la section où réside votre page.
    • theme: pour définir le thème de votre page.
    " - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "---\n{\n\t...\n\t\"feedback\": true, \n\t\"feedbackContact\": {\n\t\t\"link\": \"Contact link\",\n\t\t\"url\": \"https://canada.ca/en\"\n\t}, \n\t\"feedbackData\": {\n\t\t\"theme\": \"Theme\",\n\t\t\"section\": \"Section\"\n\t}\n\t...\n}\n---" - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "---\n{\n\t...\n\t\"feedback\": true, \n\t\"feedbackContact\": {\n\t\t\"link\": \"Lien de contact\",\n\t\t\"url\": \"https://canada.ca/fr\"\n\t}, \n\t\"feedbackData\": {\n\t\t\"theme\": \"Thème\",\n\t\t\"section\": \"Section\"\n\t}\n\t...\n}\n---" - } - ] - } - } - ], - "changesets": [ - { - "@id": "_:cs_pft_container", - "name": "Page feedback tool with AJAX", - "status": "stable", - "baseOnIteration": "_:iteration_pft_1", - "detectableBy": ".pagedetails .wb-disable-allow[data-ajax-replace*=feedback]", - "layout": [ - "At the top-left column in the page details component", - "When user selects \"No\", a form with a textarea appears" - ], - "style": [ - "Light-gray box with question and two primary buttons", - "When user selects \"No\", a form with a textarea replaces the question and primary buttons" - ], - "include": { - "@type": "source-code", - "description": "Container calling the RAP form via AJAX", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "includes/feedback.html" - } - }, - "logic": "Not applicable", - "behaviour": [ - "Display an inline form that replaces the buttons when requested by the user, to collect the feedback" - ], - "context": "In the page details component, inside the main content of the page", - "configuration":[ - "Mandatory: URL of the file being AJAXed", - "Optional: data-feedback-section attribute", - "Optional: data-feedback-theme attribute", - "Mandaotry for Page feedback tool with contact link variation: data-feedback-link attribute", - "Mandaotry for Page feedback tool with contact link variation: data-feedback-url attribute" - ], - "static": "Not applicable", - "schema": [ - "AjaxLink", - "FeedbackSection", - "FeedbackTheme", - "FeedbackLink", - "FeedbackURL" - ], - "dependency": [ - "Page details, version 2, incompatible with version 1", - "PFT AJAX content as described by the changeset _:cs_pft_ajax" - ], - "file": "Not applicable" - }, - { - "@id": "_:cs_pft_ajax", - "name": "Page feedback tool AJAX file", - "status": "stable", - "baseOnIteration": "_:iteration_pft_1", - "dependOnChangeSet": "_:cs_pft_container", - "detectableBy": "
    ", - "layout": [ - "Row - string followed by two primary buttons", - "Form appear when \"No\" is selected", - "Label", - "Hint", - "Info text", - "Textarea", - "Submit button" - ], - "style": [ - "Light-gray box with question and two primary buttons", - "When user selects \"No\", a form with a textarea replaces the question and primary buttons", - "When user submits, a confirmation message is shown on postback" - ], - "semantic": [ - "h3", - "form > input[type=hidden] + (fieldset > legend + button*3) + p*2 + (details > summary + p) + label + p*2 + textarea + button", - "p" - ], - "include": { - "@type": "source-code", - "description": "HTML fragment which is inserted into the PFT container", - "collapsed": true, - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "assets/page-feedback-en.html" - } - }, - "logic": "Not applicable", - "behaviour": [ - "When user selects \"No\", a form with a textarea and submit button replaces the question and primary buttons", - "When user selects \"Yes\", a success message replaces the question and primary buttons" - ], - "guidance": "Not applicable", - "context": "To be used by PFT", - "configuration": "Not applicable", - "static": [ - "Heading 3: Give feedback about this page - Donnez votre rétroaction sur cette page", - "Legend: Did you find what you were looking for? - Avez-vous trouvé ce que vous cherchiez?", - "Button: Yes - Oui", - "Button: No - Non", - "Paragraph (basic only): If not, tell us why below - Sinon, dites nous pourquoi ci-dessous", - "Paragraph: Tell us why below - Dites nous pourquoi ci-dessous", - "Summary (contact link variation only): Need urgent help with a problem? Contact us - Besoin d’aide urgente pour résoudre un problème? Communiquez avec nous", - "Label: Please provide more details - Veuillez fournir plus de détails", - "Small note: You will not receive a reply. Don't include personal information (telephone, email, SIN, financial, medical, or work details). - Vous ne recevrez pas de réponse. N'incluez pas de renseignements personnels (téléphone, courriel, NAS, renseignements financiers, médicaux ou professionnels).", - "Instruction paragraph: Maximum 300 characters - Maximum de 300 caractères", - "Button: Submit - Soumettre", - "Success message: Thank you for your feedback. - Merci de vos commentaires." - ], - "schema": "Not applicable", - "dependency": [ - "Page details, version 2, incompatible with version 1" - ], - "file": "Not applicable, this HTML fragment content is intended to be integrated by a location that fits the content management system" - }, - { - "@id": "_:cs_rap_ajax_2", - "name": "Report a problem AJAX file Data-JSON", - "status": "deprecated", - "schema:expires": "2024-12", - "baseOnIteration": "_:iteration_rap_5", - "dependOnChangeSet": "_:cs_rap_container", - "detectableBy": "Hidden inputs genereted via Data-JSON and \"subject\" and \"externalReferer\" are static", - "layout": [ - "Full width button", - "When expanded, a vertical form is shown" - ], - "style": [ - "The expandable Button is rendered as the default button preceded by an arrow", - "Gray background for the form area", - "Primary styled button for form submission" - ], - "include": { - "@type": "source-code", - "description": "HTML fragment which is inserted into the RAP container", - "collapsed": true, - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "ajax/deprecated/report-problem-v1-en.html" - } - }, - "logic": "Not applicable", - "behaviour": [ - "Button that show/hide the RAP form", - "Success message showed on success or failure" - ], - "guidance": [ - "Canada.ca: show the feedback form underneath the RAP button" - ], - "context": "To be used by RAP", - "configuration":[ - "Form submission URL" - ], - "static": [ - "Button text - RAP-title - \"Report a problem on this page\" - \"Signaler un problème ou une erreur sur cette page\"", - "Hidden inputs \"subject\" and \"externalReferer\"", - "Text in the ", - "Problem 1", - "Problem 2", - "Problem 3", - "Problem 4", - "Problem 5", - "Problem 11", - "Problem 12", - "Submit button", - "Success message", - "Failure message" - ], - "schema": [ - "Form submission URL" - ], - "dependency": [ - "Page details, version 2, incompatible with version 1" - ], - "file": "Not applicable, this HTML fragment content is intended to be integrated by a location that fits the content management system" - }, - { - "@id": "_:cs_rap_container", - "name": "Report a problem with AJAX", - "status": "deprecated", - "schema:expires": "2024-12", - "baseOnIteration": "_:iteration_rap_5", - "detectableBy": "The RAP web form is inserted via ajax", - "layout": [ - "At the top-left column in the page details component", - "When expanded, a vertical form is shown in-place" - ], - "style": [ - "It is visually rendered as a default button", - "Only have an arrow when the online form is available directly on the page" - ], - "include": { - "@type": "source-code", - "description": "Container calling the RAP form via AJAX", - "code": { - "@type": [ "rdf:HTML" ], - "@value": "
    \n\t
    \n\t\t
    \n\t\t\tReport a problem on this page\n\t\t
    \n\t
    \n
    \n" - } - }, - "logic": "Not applicable", - "behaviour": [ - "Non-Canada.ca implementation: redirect to a web page with a form to collect the feedback", - "Canada.ca implementation: show an inline form underneath the button when requested by the user, to collect the feedback", - "Basic mode Canada.ca implementation: show the fallback button" - ], - "guidance": [ - "Canada.ca: show the feedback form underneath the RAP button", - "Non Canada.ca: redirect the user on a page to collect the feedback." - ], - "context": "In the page details component, inside the main content of the page", - "configuration":[ - "URL of the file being AJAXed", - "URL of the RAP fallback link" - ], - "static": [ - "Button text - RAP-title - \"Report a problem on this page\" - \"Signaler un problème ou une erreur sur cette page\"" - ], - "schema": [ - "AjaxLink", - "StaticRapLink" - ], - "dependency": [ - "Page details, version 2, incompatible with version 1", - "RAP AJAX content as described by the changeset _:cs_rap_ajax", - "RAP AJAX content as described by the changeset _:cs_rap_ajax_2" - ], - "file": "Not applicable" - }, - { - "@id": "_:cs_rap_ajax", - "name": "Report a problem AJAX file", - "status": "deprecated", - "schema:expires": "2024-12", - "baseOnIteration": "_:iteration_rap_2", - "dependOnChangeSet": "_:cs_rap_container", - "detectableBy": "HTML fragment that starts with a \"row row-no-gutters\", containing a form and a wrapper \"div.gc-rprt-prlm\"", - "layout": [ - "Full width button", - "When expanded, a vertical form is shown" - ], - "style": [ - "The expandable Button is rendered as the default button preceded by an arrow", - "Gray background for the form area", - "Primary styled button for form submission" - ], - "include": { - "@type": "source-code", - "description": "HTML fragment which is inserted into the RAP container", - "collapsed": true, - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "ajax/deprecated/report-problem-v1-en.html" - } - }, - "logic": "Not applicable", - "behaviour": [ - "Button that show/hide the RAP form", - "Success message showed on success or failure" - ], - "guidance": [ - "Canada.ca: show the feedback form underneath the RAP button" - ], - "context": "To be used by RAP", - "configuration":[ - "Form submission URL" - ], - "static": [ - "Button text - RAP-title - \"Report a problem on this page\" - \"Signaler un problème ou une erreur sur cette page\"", - "Text in the ", - "Problem 1", - "Problem 2", - "Problem 3", - "Problem 4", - "Problem 5", - "Problem 6", - "Problem 7", - "Problem 8", - "Problem 9", - "Problem 10", - "Problem 11", - "Problem 12", - "Submit button", - "Success message", - "Failure message" - ], - "schema": [ - "Form submission URL" - ], - "dependency": [ - "Page details, version 2, incompatible with version 1" - ], - "file": "Not applicable, this HTML fragment content is intended to be integrated by a location that fits the content management system" - }, - { - "@id": "_:cs_rap_inline", - "name": "Report a problem inline", - "status": "deprecated", - "schema:expires": "2024-12", - "baseOnIteration": "_:iteration_rap_1", - "detectableBy": "The RAP web form is hardcoded in each page and the form inputs are server-side personalized/configured.", - "layout": [ - "At the top-left column in the page details component", - "When expanded, a vertical form is shown in-place" - ], - "style": [ - "It is visually rendered as a default button", - "Only have an arrow when the online form is available directly on the page" - ], - "include": { - "@type": "source-code", - "collapsed": true, - "description": "Include with logic in Handlebars that supports all variations of this changeset. The list of questions is in scope.", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "deprecated/report-problem-inline-en.html" - } - }, - "logic": "Not applicable", - "behaviour": [ - "Non-Canada.ca implementation - Redirect to a web page with a form to collect the feedback", - "Canada.ca implementation - Show an inline form underneath the button, when requested by the user, to collect the feedback" - ], - "guidance": [ - "Canada.ca - Show the feedback form under the RAP button", - "Non Canada.ca - Redirect the user on a page to collect the feedback." - ], - "context": "In the page details component, inside the main content of the page", - "configuration":[ - "Form submission URL", - "Basic mode: URL of the feedback button" - ], - "static": [ - "Button text - RAP-title - 'Report a problem on this page' - 'Signaler un problème ou une erreur sur cette page'", - "Text in the ", - "Question 1", - "Question 2", - "Question 3", - "Question 4", - "Question 5", - "Question 11", - "Question 12" - ], - "schema": [ - "Form submission URL" - ], - "dependency": [ - "Page details, version 1, incompatible with version 2 and up" - ], - "file": "Not applicable" - } - ], - "iteration": [ - { - "@id": "_:iteration_pft_1", - "name": "Page feedback tool - Iteration 1", - "date": "2023-08", - "detectableBy": ".gc-pft", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": "
    " - }, - { - "@type": "source-code", - "@language": "en", - "description": "Code sample with contact link", - "code": "
    " - }, - { - "@type": "source-code", - "@language": "en", - "description": "Ajaxed-in content", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "assets/page-feedback-en.html" - } - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code", - "code": "
    " - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code avec lien de contact", - "code": "
    " - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Contenu ajouté via Ajax", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "assets/page-feedback-fr.html" - } - } - ] - }, - { - "@id": "_:iteration_rap_5", - "name": "Report a problem - Iteration 5", - "date": "2023-08", - "detectableBy": "externalReferer and subject are no longer generated via Data-JSON, but are now static.", - "breaking": [ - "Semantic: removed JSON Manager extraction for 'externalReferer' and 'subject'." - ], - "additions": [ - "Semantic: added static hidden inputs for 'externalReferer' and 'subject'." - ], - "predecessor": "_:iteration_rap_4", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": "
    \n\t
    \n\t\t
    \n\t\t\tReport a problem on this page\n\t\t
    \n\t
    \n
    " - }, - { - "@type": "source-code", - "@language": "en", - "description": "Ajaxed-in content", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "ajax/report-problem-en.html" - } - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code", - "code": "
    \n\t
    \n\t\t
    \n\t\t\tSignaler un problème sur cette page\n\t\t
    \n\t
    \n
    " - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Contenu ajouté via Ajax", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "ajax/report-problem-fr.html" - } - } - ] - }, - { - "@id": "_:iteration_rap_4", - "name": "Report a problem - Iteration 4", - "date": "2023-03", - "detectableBy": "Hidden inputs are generated via Data-JSON", - "breaking": [ - "Semantic: leveraging JSON Manager Extractor and Data JSON to generate hidden input fields." - ], - "predecessor": "_:iteration_rap_3", - "successor": "_:iteration_rap_5", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": "
    \n\t
    \n\t\t
    \n\t\t\tReport a problem on this page\n\t\t
    \n\t
    \n
    " - }, - { - "@type": "source-code", - "@language": "en", - "description": "Ajaxed-in content", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "ajax/deprecated/report-problem-v4-en.html" - } - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code", - "code": "
    \n\t
    \n\t\t
    \n\t\t\tSignaler un problème sur cette page\n\t\t
    \n\t
    \n
    " - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Contenu ajouté via Ajax", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "ajax/deprecated/report-problem-v4-fr.html" - } - } - ] - }, - { - "@id": "_:iteration_rap_3", - "name": "Report a problem - Iteration 3", - "date": "2023-01", - "detectableBy": "Options 6 through 10 are not there.", - "breaking": [ - "Semantic: removed login error sub-options.", - "Semantic: renamed login error option." - ], - "predecessor": "_:iteration_rap_2", - "successor": "_:iteration_rap_4", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": "
    \n\t
    \n\t\t
    \n\t\t\tReport a problem on this page\n\t\t
    \n\t
    \n
    " - }, - { - "@type": "source-code", - "@language": "en", - "description": "Ajaxed-in content", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "ajax/deprecated/report-problem-v3-en.html" - } - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code", - "code": "
    \n\t
    \n\t\t
    \n\t\t\tSignaler un problème sur cette page\n\t\t
    \n\t
    \n
    " - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Contenu ajouté via Ajax", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "ajax/deprecated/report-problem-v3-fr.html" - } - } - ] - }, - { - "@id": "_:iteration_rap_2", - "name": "Report a problem - Iteration 2", - "date": "2022-05", - "detectableBy": "The component is now loaded through data-ajax", - "breaking": [ - "Layout: rework of the template to use data-ajax. Includes fallback for basic HTML version", - "Semantic: added login error options (problem 5 to problem 10).", - "Behaviour: form now leverages wb-postback for form validation and no longer uses data-toggle on submit.", - "Behaviour: added error and success messages." - ], - "predecessor": "_:iteration_rap_1", - "successor": "_:iteration_rap_3", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": "
    \n\t
    \n\t\t
    \n\t\t\tReport a problem on this page\n\t\t
    \n\t
    \n
    " - }, - { - "@type": "source-code", - "@language": "en", - "description": "Ajaxed-in content", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "ajax/deprecated/report-problem-v2-en.html" - } - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code", - "code": "
    \n\t
    \n\t\t
    \n\t\t\tSignaler un problème sur cette page\n\t\t
    \n\t
    \n
    " - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Contenu ajouté via Ajax", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "ajax/deprecated/report-problem-v2-fr.html" - } - } - ] - }, - { - "@id": "_:iteration_rap_1", - "@language": "en", - "name": "Report a problem - Iteration 1", - "date": "2021-03", - "detectableBy": ".gc-rprt-prblm", - "successor": "_:iteration_rap_2", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "ajax/deprecated/report-problem-v1-en.html" - } - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "ajax/deprecated/report-problem-v1-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": "Footer", - "fr": "Pied de page" - }, - "description": { - "en": "Documentation and working example on how to use the footer.", - "fr": "Documentation et example pratique sur l'utilisation du pied de page." - }, - "modified": "2022-01-12", - "componentName": "footers", - "status": "stable", - "pages": { - "docs": [ - { - "title": "Footer", - "language": "en", - "path": "footers-en.html" - }, - { - "title": "Pied de page complet", - "language": "fr", - "path": "footers-fr.html" - } - ], - "examples": [ - { - "title": "Footer", - "language": "en", - "path": "footers-en.html" - }, - { - "title": "Pied de page complet", - "language": "fr", - "path": "footers-fr.html" - }, - { - "title": "Main footer band and sub-footer band", - "language": "en", - "path": "no-footer-contextual-en.html" - }, - { - "title": "Bande principale et bande sous pied de page", - "language": "fr", - "path": "no-footer-contextual-fr.html" - }, - { - "title": "Contextual band and sub-footer band", - "language": "en", - "path": "no-footer-main-en.html" - }, - { - "title": "Bande contextuelle et bande sous pied de page", - "language": "fr", - "path": "no-footer-main-fr.html" - }, - { - "title": "Hide optional links from the sub-footer band", - "language": "en", - "path": "no-footer-corporate-en.html" - }, - { - "title": "Masquer les liens optionnels de la bande sous le pied de page", - "language": "fr", - "path": "no-footer-corporate-fr.html" - }, - { - "title": "Contextual band and sub-footer band with no optional links", - "language": "en", - "path": "only-footer-contextual-en.html" - }, - { - "title": "Bande contextuelle et bande sous pied de page sans les liens facultatifs", - "language": "fr", - "path": "only-footer-contextual-fr.html" - }, - { - "title": "Bande principale et bande sous pied de page sans les liens facultatifs", - "language": "en", - "path": "only-footer-main-en.html" - }, - { - "title": "Masquer la bande contextuelle et les liens optionnels de la bande sous le pied de page du pied de page", - "language": "fr", - "path": "only-footer-main-fr.html" - }, - { - "title": "Sub-footer band only", - "language": "en", - "path": "only-footer-corporate-en.html" - }, - { - "title": "Bande sous pied de page uniquement", - "language": "fr", - "path": "only-footer-corporate-fr.html" - }, - { - "title": "Sub-footer band only, with no optional links", - "language": "en", - "path": "no-footers-en.html" - }, - { - "title": "Bande sous pied de page uniquement sans les liens facultatifs", - "language": "fr", - "path": "no-footers-fr.html" - }, - { - "title": "Customize 'Terms and conditions' and 'Privacy' links in footer", - "language": "en", - "path": "custom-transparency-links-en.html" - }, - { - "title": "Personnaliser les liens 'Avis' et 'Confidentialité' dans le pied de page", - "language": "fr", - "path": "custom-transparency-links-fr.html" - }, - { - "title": "Contextual band and link variations", - "language": "en", - "path": "contextual-example-en.html" - }, - { - "title": "Bande contextuelle et des variations de lien", - "language": "fr", - "path": "contextual-example-fr.html" - } - ], - "reports": [ - { - "title": "Accessibility assessment #1 - Footer", - "language": "en", - "path": "reports/a11y-1-en.html" - }, - { - "title": "Évaluation de l'accessibilité #1 - Pied de page", - "language": "fr", - "path": "reports/a11y-1-fr.html" - } - ] - } -} -,{ - "@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": "GCWeb Menu", - "fr": "Menu GCWeb" - }, - "description": { - "en": "Documentation on how to use the GCWeb menu.", - "fr": "Documentation sur l'utilisation du menu GCWeb." - }, - "modified": "2023-10-25", - "componentName": "gcweb-menu", - "status": "stable", - "pages": { - "docs": [ - { - "title": "GCWeb Menu", - "language": "en", - "path": "gcweb-menu-docs-en.html" - }, - { - "title": "Menu GCWeb", - "language": "fr", - "path": "gcweb-menu-docs-fr.html" - } - ] - } -} -,{ - "@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": "Header", - "fr": "Entête" - }, - "description": { - "en": "Documentation on how to use the header.", - "fr": "Documentation sur l'utilisation de l'entête." - }, - "modified": "2022-05-10", - "componentName": "header", - "status": "stable", - "pages": { - "docs": [ - { - "title": "Header", - "language": "en", - "path": "header-docs-en.html" - }, - { - "title": "Entête", - "language": "fr", - "path": "header-docs-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": "Helpers", - "fr": "Outils d'aides" - }, - "description": { - "en": "Helpers to overwrite compiled styles", - "fr": "Outils d'aides pour effectuer de la surchage sur les styles compiler" - }, - "modified": "2019-05-01", - "componentName": "helpers", - "status": "stable", - "pages": { - "docs": [ - { - "title": "Colour", - "language": "en", - "path": "colour-en.html" - }, - { - "title": "Couleur", - "language": "fr", - "path": "colour-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": "Language toggle link", - "fr": "Lien pour changer de langue" - }, - "description": { - "en": "Documentation on how to use language toogle link.", - "fr": "Documentation sur l'utilisation lien pour changer de langue." - }, - "modified": "2022-11-01", - "componentName": "language", - "status": "stable", - "pages": { - "docs": [ - { - "title": "Language toggle link", - "language": "en", - "path": "language-en.html" - }, - { - "title": "Lien pour changer de langue", - "language": "fr", - "path": "language-fr.html" - } - ] - } -} -,{ - "@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.0", - "modified": "2022-04-11", - "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" - }, - { - "title": "Page details with Share this page", - "language": "en", - "path": "page-details-share-en.html" - }, - { - "title": "Détails de la page avec Partagez cette page", - "language": "fr", - "path": "page-details-share-fr.html" - }, - { - "title": "Page details with Page feedback tool and Share this page", - "language": "en", - "path": "page-details-pft-share-en.html" - }, - { - "title": "Détails de la page avec Outil de rétroaction sur la page et Partagez cette page", - "language": "fr", - "path": "page-details-pft-share-fr.html" - } - ] - }, - "dependencies": [ - "Page feedback area", - "Share this page", - "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, 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." - }, - "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": "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": "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" } - } - ], - "implementation": [ - "_:implement_pd", - "_:implement_pd_gcweb" - ], - "history": [ - { - "en": "March 2023 - Tag
    changed to
    .", - "fr": "Mars 2023 - Balise
    changée pour
    ." - }, - { - "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_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": [ - "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." - ], - "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 ." - ] - }, - "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." - ], - "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>." - ] - }, - "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" - } - } - ], - "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" - } - } - ] - } - }, - { - "@id": "_:implement_pd_gcweb", - "iteration": "_:iteration_pd_3", - "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.", - "To show the \"Share this page\" button, in the page's front-matter, set the property share 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.", - "Pour afficher le bouton \"Partagez cette page\", dans l'en-tête de la page, définissez la propriété share à true." - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "\"feedback\": true, \n\"share\": true" - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code:", - "code": "\"feedback\": true, \n\"share\": true" - } - ] - } - }, - { - "@id": "_:implement_pd_2", - "iteration": "_:iteration_pd_3", - "name": { - "en": "Version 2.0", - "fr": "Version 2.0" - }, - "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." - }, - "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." - ], - "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>." - ] - }, - "notes": { - "en": [ - "This implementation of the Page details is deprecated as of 2023-11-08" - ], - "fr": [ - "Cette implémentation des Détails de la page est obsolète depuis le 2023-11-08" - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "samples/support-2.0-en.html" - } - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code:", - "code": { - "@type": [ "@id", "rdf:HTML" ], - "@value": "samples/support-2.0-fr.html" - } - } - ] - } - } - ], - "iteration": [ - { - "@id": "_:iteration_pd_3", - "name": "Page details - Iteration 3", - "date": "2023-03", - "detectableBy": "section.pagedetails", - "predecessor": "_:iteration_pd_2", - "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" - } - }, - { - "@type": "source-code", - "@language": "en", - "description": "Default Page details with Page feedback tool", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "samples/page-details-3-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-fr.html#pft" - } - }, - { - "@type": "source-code", - "@language": "en", - "description": "Page details with Share this page", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "samples/page-details-3-en.html#share" - } - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Détails de la page avec Partagez cette page", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "samples/page-details-3-fr.html#share" - } - }, - { - "@type": "source-code", - "@language": "en", - "description": "Page details with Page feedback tool and Share this page", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "samples/page-details-3-en.html#pftShare" - } - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Détails de la page avec Outil de rétroaction sur la page et Partagez cette page", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "samples/page-details-3-fr.html#pftShare" - } - } - ] - }, - { - "@id": "_:iteration_pd_2", - "name": "Page details - Iteration 2", - "date": "2022-05", - "detectableBy": "footer.pagedetails", - "predecessor": "_:iteration_pd_1", - "successor": "_:iteration_pd_3", - "breaking": [ - "Wrapping
    changed to
    .", - "Changed grid sizes for RAP and Share this page.", - "RAP is now loaded through Data-AJAX with a fallback for basic mode." - ], - "additions": [ - "New invisible heading for accessibility." - ], - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "samples/page-details-2-en.html" - } - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "samples/page-details-2-fr.html" - } - } - ] - }, - { - "@id": "_:iteration_pd_1", - "name": "Page details - Iteration 1", - "date": "2017-10", - "detectableBy": "div.pagedetails", - "successor": "_:iteration_pd_2", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "deprecated/page-details-1-en.html" - } - }, - { - "@type": "source-code", - "@language": "fr", - "description": "Exemple de code", - "code": { - "@type": [ "rdf:HTML", "@id" ], - "@value": "deprecated/page-details-1-fr.html" - } - } - ] - } - ], - "changesets": [ - { - "@id": "_:cs_pd_3", - "name": "Page details - Compatible with PFT + Accessiblity fix (version 3.0)", - "status": "stable", - "baseOnIteration": "_:iteration_pd_3", - "detectableBy": "section.pagedetails", - "layout": [ - "Page feedback tool (if included) on the top left", - "Share this page button (if included) on the top right", - "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\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", - "behaviour": [ - "If the Share this page button is visible and the Page feedback tool is not, the Date modified will be moved to the left." - ], - "guidance": "Not applicable", - "context": "Not applicable", - "configuration": [ - "Input the date when the page was last modified inside the
    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
    diff --git a/templates/institutional/institution-contact-fr.html b/templates/institutional/institution-contact-fr.html index db5ca2d05d..2f08662ddf 100644 --- a/templates/institutional/institution-contact-fr.html +++ b/templates/institutional/institution-contact-fr.html @@ -18,7 +18,7 @@

    [Nom de l’institution] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
    diff --git a/templates/institutional/institution-en.html b/templates/institutional/institution-en.html index f06314df38..b9dde069df 100644 --- a/templates/institutional/institution-en.html +++ b/templates/institutional/institution-en.html @@ -18,7 +18,7 @@

    [Institution name] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
    diff --git a/templates/institutional/institution-fr.html b/templates/institutional/institution-fr.html index c83a6a25bd..2a1818489d 100644 --- a/templates/institutional/institution-fr.html +++ b/templates/institutional/institution-fr.html @@ -18,7 +18,7 @@

    [Nom de l’institution] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
    diff --git a/templates/institutional/institution-landing-en.html b/templates/institutional/institution-landing-en.html index 9ad66e71b3..e89284e9be 100644 --- a/templates/institutional/institution-landing-en.html +++ b/templates/institutional/institution-landing-en.html @@ -141,7 +141,7 @@

    Minister

    Minister's official title

    - {%- include components/gc-follow-us/gc-follow-us.html isInline=true -%} + {%- include gc-follow-us/gc-follow-us.html isInline=true -%} diff --git a/templates/institutional/institution-landing-fr.html b/templates/institutional/institution-landing-fr.html index 3caee3c878..c6cf028f38 100644 --- a/templates/institutional/institution-landing-fr.html +++ b/templates/institutional/institution-landing-fr.html @@ -141,7 +141,7 @@

    Minister

    Minister's official title

    - {%- include components/gc-follow-us/gc-follow-us.html isInline=true -%} + {%- include gc-follow-us/gc-follow-us.html isInline=true -%} diff --git a/templates/lowest-topic/index-en.html b/templates/lowest-topic/index-en.html index bc8afaf753..6d99dacf75 100644 --- a/templates/lowest-topic/index-en.html +++ b/templates/lowest-topic/index-en.html @@ -18,7 +18,7 @@

    {{ page.title }}

    This topic page shows child destination pages that have a local left navigation. Click on a task for an example. This would typically happen on a lowest-level topic page.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
    {% include components/gc-features/features.html %} diff --git a/templates/organizational/organizational-arms-en.html b/templates/organizational/organizational-arms-en.html index 888555a71f..acddb77d8e 100644 --- a/templates/organizational/organizational-arms-en.html +++ b/templates/organizational/organizational-arms-en.html @@ -19,7 +19,7 @@

    [Institution name] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
    diff --git a/templates/organizational/organizational-arms-fr.html b/templates/organizational/organizational-arms-fr.html index ba541d16f6..665ce431f0 100644 --- a/templates/organizational/organizational-arms-fr.html +++ b/templates/organizational/organizational-arms-fr.html @@ -19,7 +19,7 @@

    [Nom de l’institution] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
    diff --git a/templates/organizational/organizational-en.html b/templates/organizational/organizational-en.html index bcaa172051..b43bba14eb 100644 --- a/templates/organizational/organizational-en.html +++ b/templates/organizational/organizational-en.html @@ -18,7 +18,7 @@

    [Institution name] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
    diff --git a/templates/organizational/organizational-fr.html b/templates/organizational/organizational-fr.html index 6493c47d00..7074d03d6e 100644 --- a/templates/organizational/organizational-fr.html +++ b/templates/organizational/organizational-fr.html @@ -18,7 +18,7 @@

    [Nom de l’institution] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor. Cras sagittis massa sed libero eleifend, ac iaculis urna tempor.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
    diff --git a/templates/theme-en.html b/templates/theme-en.html index aa15bfdfa1..5b04f267af 100644 --- a/templates/theme-en.html +++ b/templates/theme-en.html @@ -15,7 +15,7 @@

    {{ page.title }}

    1-2 sentences that describe the topics and top tasks that can be accessed on this page.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}

    Promotions

    diff --git a/templates/theme-fr.html b/templates/theme-fr.html index 40190d132b..4c77e280e8 100644 --- a/templates/theme-fr.html +++ b/templates/theme-fr.html @@ -15,7 +15,7 @@

    {{ page.title }}

    1 ou 2 phrases d’introduction qui définissent les sujets et les tâches principales qui peuvent être consultés sur cette page.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}

    Promotions

    diff --git a/templates/theme-topic/theme-topic-en.md b/templates/theme-topic/theme-topic-en.md index 7fd7c3d5df..65b29840b9 100644 --- a/templates/theme-topic/theme-topic-en.md +++ b/templates/theme-topic/theme-topic-en.md @@ -119,7 +119,7 @@ noMainContainer: true
    - {%- include components/gc-follow-us/gc-follow-us.html -%} + {%- include gc-follow-us/gc-follow-us.html -%}
    diff --git a/templates/theme-topic/theme-topic-fr.md b/templates/theme-topic/theme-topic-fr.md index 44bb98b043..46c2cde64a 100644 --- a/templates/theme-topic/theme-topic-fr.md +++ b/templates/theme-topic/theme-topic-fr.md @@ -119,7 +119,7 @@ noMainContainer: true
    - {% include components/gc-follow-us/gc-follow-us.html %} + {% include gc-follow-us/gc-follow-us.html %}
    diff --git a/templates/topic/topic-en.html b/templates/topic/topic-en.html index f7af3cbf4f..f12da2397e 100644 --- a/templates/topic/topic-en.html +++ b/templates/topic/topic-en.html @@ -17,7 +17,7 @@

    {{ page.title }}

    1-2 sentences that describe the topics and top tasks that can be accessed on this page.

    - {% include components/gc-follow-us/follow.html %} + {% include gc-follow-us/follow.html %}
+ +
  • Before you start
    • +
  • Accessibility guidance
    • +
  • Variations
    • +
  • Evaluation and report
    • +
  • Technical documentation
    • + + +

    Before you start

    +

    About the institution is a mandatory pattern on an institutional landing page. It must include mandate and transparency links.

    + + + +

    Accessibility guidance

    + +

    List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).

    + +

    There is no accessibility guidance defined.

    + + +

    Variations

    + +

    The following coded example is the default layout. It must include mandate and transparency links.

    + + + +

    About the institution pattern

    + +
    +
    +
    +

    Minister(s)

    +
    +
    +
    +
    +
    The Honourable [Minister name] +
    +
    + +
    +
    +

    [Official title]

    + +
    +
    +
    +
    +
    +
    +
    +
    The Honourable [Minister name] +
    +
    + +
    +
    +

    [Official title]

    + +
    +
    +
    +
    - +
    -

    Code

    -
    
-<section class="well well-sm provisional gc-most-requested">
-	<div class="container">
+
    
+	
    Code
    
+	
    <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 class="mrgn-bttm-lg wb-eqht col-md-12">
+				<h2 class="h3 mrgn-tp-md">Minister(s)</h2>
+				<div class="row">
+					<div class="col-md-6">
+						<div class="row">
+							<figure>
+								<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">The Honourable [Minister name]</a>
+								</figcaption>
+								<div class="col-md-5 col-xs-12">
+									<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
+								</div>
+								<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
+									<p class="ln-hght"><small>[Official title]</small></p>
+									<ul>
+										<li><small><a href="">Mandate letter [optional]<span class="wb-inv">: [Minister name]</span></a></small>
+										</li>
+										<li><small><a href="">Briefing book [optional]<span class="wb-inv">: [Minister name]</span></a></small>
+										</li>
+									</ul>
+								</div>
+							</figure>
+						</div>
+					</div>
+					<div class="col-md-6">
+						<div class="row">
+							<figure>
+								<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">The Honourable [Minister name]</a>
+								</figcaption>
+								<div class="col-md-5 col-xs-12">
+									<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
+								</div>
+								<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
+									<p class="ln-hght"><small>[Official title]</small></p>
+									<ul>
+										<li><small><a href="">Mandate letter [optional]<span class="wb-inv">: [Minister name]</span></a></small>
+										</li>
+									</ul>
+								</div>
+							</figure>
+						</div>
+					</div>
+				</div>
 			</div>
 		</div>
 	</div>
-</section>
-
    
+
    + + +

    Evaluation and report

    +

    There is no accessibility report.

    + +

    There is no accessibility conformance report.

    + +

    Technical documentation

    +
    +
    Status:
    stable
    +
    -

    Evaluation and report

    -

    There is no evaluation and report available for this component.

    + From bad19ac4377a961dd57b36a30d1ee899334e70f6 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Wed, 16 Aug 2023 14:30:41 -0400 Subject: [PATCH 032/161] Update index.json-ld --- components/gc-institution/index.json-ld | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/components/gc-institution/index.json-ld b/components/gc-institution/index.json-ld index ca79a40045..8d5063b447 100644 --- a/components/gc-institution/index.json-ld +++ b/components/gc-institution/index.json-ld @@ -7,27 +7,27 @@ "modified": "dct:modified" }, "title": { - "en": "Most requested - Documentation and working example", - "fr": "En demande - Documentation et example pratique" + "en": "About the institution pattern - Documentation and working example", + "fr": "X - Documentation et example pratique" }, "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." + "en": "Section on an institutional landing page that provides links to corporate, program and policy information", + "fr": "X." }, - "modified": "2021-05-20", - "componentName": "gc-most-requested", - "status": "provisional", + "modified": "2023-08-16", + "componentName": "gc-institution", + "status": "stable", "pages": { "examples": [ { - "title": "Most requested - Documentation and working example", + "title": "About the institution pattern - Documentation and working example", "language": "en", - "path": "gc-most-requested-en.html" + "path": "gc-institution-en.html" }, { - "title": "En demande", + "title": "X", "language": "fr", - "path": "gc-most-requested-fr.html - Documentation et example pratique" + "path": "gc-most-institution-fr.html - Documentation et example pratique" } ] } From 305fa1e6f378391d4728c79e7f090aeef7b4f1ac Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Wed, 16 Aug 2023 16:00:53 -0400 Subject: [PATCH 033/161] add code sample --- .../gc-institution/gc-institution-en.html | 126 +++++------------- 1 file changed, 31 insertions(+), 95 deletions(-) diff --git a/components/gc-institution/gc-institution-en.html b/components/gc-institution/gc-institution-en.html index 997224fe1c..b5a303d95f 100644 --- a/components/gc-institution/gc-institution-en.html +++ b/components/gc-institution/gc-institution-en.html @@ -43,104 +43,40 @@

    Variations

    About the institution pattern

    - -
    -
    -
    -

    Minister(s)

    -
    -
    -
    -
    -
    The Honourable [Minister name] -
    -
    - -
    -
    -

    [Official title]

    - -
    -
    -
    -
    -
    -
    -
    -
    The Honourable [Minister name] -
    -
    - -
    -
    -

    [Official title]

    - -
    -
    -
    -
    -
    -
    -
    -
    +
    +

    About the [Institution]

    + +

    Code

    - 
    <div class="container">
-		<div class="row">
-			<div class="mrgn-bttm-lg wb-eqht col-md-12">
-				<h2 class="h3 mrgn-tp-md">Minister(s)</h2>
-				<div class="row">
-					<div class="col-md-6">
-						<div class="row">
-							<figure>
-								<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">The Honourable [Minister name]</a>
-								</figcaption>
-								<div class="col-md-5 col-xs-12">
-									<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
-								</div>
-								<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
-									<p class="ln-hght"><small>[Official title]</small></p>
-									<ul>
-										<li><small><a href="">Mandate letter [optional]<span class="wb-inv">: [Minister name]</span></a></small>
-										</li>
-										<li><small><a href="">Briefing book [optional]<span class="wb-inv">: [Minister name]</span></a></small>
-										</li>
-									</ul>
-								</div>
-							</figure>
-						</div>
-					</div>
-					<div class="col-md-6">
-						<div class="row">
-							<figure>
-								<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">The Honourable [Minister name]</a>
-								</figcaption>
-								<div class="col-md-5 col-xs-12">
-									<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
-								</div>
-								<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
-									<p class="ln-hght"><small>[Official title]</small></p>
-									<ul>
-										<li><small><a href="">Mandate letter [optional]<span class="wb-inv">: [Minister name]</span></a></small>
-										</li>
-									</ul>
-								</div>
-							</figure>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
+	
    
+		<section class="col-md-8 pull-left bold">
+			<h2 class="h3 mrgn-tp-md">About the [Institution]</h2>
+			<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
+				<li><a href="#">Mandate</a></li>
+				<li><a href="#">Organizational structure</a></li>
+				<li><a href="#">Transparency</a></li>
+				<li><a href="#">Accessibility</a></li>
+				<li><a href="#">Job opportunities</a></li>
+				<li><a href="#">Reports</a></li>
+				<li><a href="#">Compliance</a></li>
+				<li><a href="#">Enforcement notifications</a></li>
+				<li><a href="#">[Institutional link]</a></li>
+				<li>More: <a href="#">About the [Institution]</a></li>
+			</ul>
+		</section>
    From 667faeacc9ba3e5c4712a350fbda2fba16ae3563 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Thu, 7 Sep 2023 15:49:52 -0400 Subject: [PATCH 034/161] run html formatter, add property, etc to h1 --- .../gc-institution/gc-institution-en.html | 103 +++++++++--------- 1 file changed, 50 insertions(+), 53 deletions(-) diff --git a/components/gc-institution/gc-institution-en.html b/components/gc-institution/gc-institution-en.html index b5a303d95f..a1debca2f0 100644 --- a/components/gc-institution/gc-institution-en.html +++ b/components/gc-institution/gc-institution-en.html @@ -7,61 +7,58 @@ layout: no-container ---
    -

    {{ page.title }}

    +

    {{ page.title }}

    - -

    TThe about the institution pattern is a section on an institutional landing page that provides links to corporate, program and policy information.

    + +

    TThe about the institution pattern is a section on an institutional landing page that provides links to corporate, program and policy information.

    -

    On this page

    - - -

    Before you start

    -

    About the institution is a mandatory pattern on an institutional landing page. It must include mandate and transparency links.

    - - +

    On this page

    + -

    Accessibility guidance

    +

    Before you start

    +

    About the institution is a mandatory pattern on an institutional landing page. It must include mandate and transparency links.

    -

    List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).

    - -

    There is no accessibility guidance defined.

    + +

    Accessibility guidance

    -

    Variations

    +

    List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).

    -

    The following coded example is the default layout. It must include mandate and transparency links.

    +

    There is no accessibility guidance defined.

    +

    Variations

    +

    The following coded example is the default layout. It must include mandate and transparency links.

    -

    About the institution pattern

    -
    -

    About the [Institution]

    - -
    +

    About the institution pattern

    +
    +

    About the [Institution]

    + +
    -
    -

    Code

    - 
    
+    
    
+        
    Code
    
+        
    
 		<section class="col-md-8 pull-left bold">
 			<h2 class="h3 mrgn-tp-md">About the [Institution]</h2>
 			<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
@@ -78,16 +75,16 @@ 
    Code
    
 			</ul>
 		</section>
 	
    
-
    
-
-	
    Evaluation and report
    
-		
    There is no accessibility report.
    
+
    -

    There is no accessibility conformance report.

    +

    Evaluation and report

    +

    There is no accessibility report.

    -

    Technical documentation

    -
    -
    Status:
    stable
    -
    +

    There is no accessibility conformance report.

    +

    Technical documentation

    +
    +
    Status:
    +
    stable
    +
    From 1a7ae00e806b1be3d5c15e2c53c2c8b38d9ebb47 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Mon, 11 Sep 2023 10:23:45 -0400 Subject: [PATCH 035/161] fix tabs --- .../gc-institution/gc-institution-en.html | 100 +++++++++--------- 1 file changed, 50 insertions(+), 50 deletions(-) diff --git a/components/gc-institution/gc-institution-en.html b/components/gc-institution/gc-institution-en.html index a1debca2f0..0b1a73acc2 100644 --- a/components/gc-institution/gc-institution-en.html +++ b/components/gc-institution/gc-institution-en.html @@ -7,58 +7,58 @@ layout: no-container ---
    -

    {{ page.title }}

    +

    {{ page.title }}

    - -

    TThe about the institution pattern is a section on an institutional landing page that provides links to corporate, program and policy information.

    + +

    TThe about the institution pattern is a section on an institutional landing page that provides links to corporate, program and policy information.

    -

    On this page

    - +

    On this page

    + -

    Before you start

    -

    About the institution is a mandatory pattern on an institutional landing page. It must include mandate and transparency links.

    +

    Before you start

    +

    About the institution is a mandatory pattern on an institutional landing page. It must include mandate and transparency links.

    - + -

    Accessibility guidance

    +

    Accessibility guidance

    -

    List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).

    +

    List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).

    -

    There is no accessibility guidance defined.

    +

    There is no accessibility guidance defined.

    -

    Variations

    +

    Variations

    -

    The following coded example is the default layout. It must include mandate and transparency links.

    +

    The following coded example is the default layout. It must include mandate and transparency links.

    -

    About the institution pattern

    -
    -

    About the [Institution]

    - -
    +

    About the institution pattern

    +
    +

    About the [Institution]

    + +
    -
    -

    Code

    - 
    
+	
    
+		
    Code
    
+		
    
 		<section class="col-md-8 pull-left bold">
 			<h2 class="h3 mrgn-tp-md">About the [Institution]</h2>
 			<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
@@ -75,16 +75,16 @@ 
    Code
    
 			</ul>
 		</section>
 	
    
-    
    
+
    -

    Evaluation and report

    -

    There is no accessibility report.

    +

    Evaluation and report

    +

    There is no accessibility report.

    -

    There is no accessibility conformance report.

    +

    There is no accessibility conformance report.

    -

    Technical documentation

    -
    -
    Status:
    -
    stable
    -
    +

    Technical documentation

    +
    +
    Status:
    +
    stable
    +
    From d99cd2a8558f80dbe0bb14659d352c85a6f33770 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Tue, 5 Dec 2023 14:34:24 -0500 Subject: [PATCH 036/161] move to folder --- .../gc-institution/gc-institution-en.html | 0 .../gc-institution/gc-institution-fr.html | 0 {components => design-patterns}/gc-institution/index.json-ld | 0 3 files changed, 0 insertions(+), 0 deletions(-) rename {components => design-patterns}/gc-institution/gc-institution-en.html (100%) rename {components => design-patterns}/gc-institution/gc-institution-fr.html (100%) rename {components => design-patterns}/gc-institution/index.json-ld (100%) diff --git a/components/gc-institution/gc-institution-en.html b/design-patterns/gc-institution/gc-institution-en.html similarity index 100% rename from components/gc-institution/gc-institution-en.html rename to design-patterns/gc-institution/gc-institution-en.html diff --git a/components/gc-institution/gc-institution-fr.html b/design-patterns/gc-institution/gc-institution-fr.html similarity index 100% rename from components/gc-institution/gc-institution-fr.html rename to design-patterns/gc-institution/gc-institution-fr.html diff --git a/components/gc-institution/index.json-ld b/design-patterns/gc-institution/index.json-ld similarity index 100% rename from components/gc-institution/index.json-ld rename to design-patterns/gc-institution/index.json-ld From d16633459feaffcca464496a65306690eb10fcae Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Wed, 20 Dec 2023 11:51:28 -0500 Subject: [PATCH 037/161] Update design-patterns/gc-institution/gc-institution-en.html Co-authored-by: Garneauma --- .../gc-institution/gc-institution-en.html | 30 ++++++++++--------- 1 file changed, 16 insertions(+), 14 deletions(-) diff --git a/design-patterns/gc-institution/gc-institution-en.html b/design-patterns/gc-institution/gc-institution-en.html index 0b1a73acc2..7f24b77b46 100644 --- a/design-patterns/gc-institution/gc-institution-en.html +++ b/design-patterns/gc-institution/gc-institution-en.html @@ -40,20 +40,22 @@

    Variations

    The following coded example is the default layout. It must include mandate and transparency links.

    About the institution pattern

    -
    -

    About the [Institution]

    - +
    +
    +

    About the [Institution]

    + +
    From f7de27f7accf37154880ff6e5260e45b3d3d8db1 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Wed, 20 Dec 2023 11:52:06 -0500 Subject: [PATCH 038/161] Update design-patterns/gc-institution/index.json-ld Co-authored-by: Garneauma --- design-patterns/gc-institution/index.json-ld | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/design-patterns/gc-institution/index.json-ld b/design-patterns/gc-institution/index.json-ld index 8d5063b447..29dca1fd8d 100644 --- a/design-patterns/gc-institution/index.json-ld +++ b/design-patterns/gc-institution/index.json-ld @@ -27,7 +27,7 @@ { "title": "X", "language": "fr", - "path": "gc-most-institution-fr.html - Documentation et example pratique" + "path": "gc-most-institution-fr.html" } ] } From 65c95a49d8fa175ebc7b8624fd6d80f41a7a5511 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Wed, 20 Dec 2023 11:52:17 -0500 Subject: [PATCH 039/161] Update design-patterns/gc-institution/index.json-ld Co-authored-by: Garneauma --- design-patterns/gc-institution/index.json-ld | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/design-patterns/gc-institution/index.json-ld b/design-patterns/gc-institution/index.json-ld index 29dca1fd8d..85595121ca 100644 --- a/design-patterns/gc-institution/index.json-ld +++ b/design-patterns/gc-institution/index.json-ld @@ -25,7 +25,7 @@ "path": "gc-institution-en.html" }, { - "title": "X", + "title": "À propos de l'institution - Documentation et exemple pratique", "language": "fr", "path": "gc-most-institution-fr.html" } From 573b123f5fb36b0002ffae823f27e893ae1231e2 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Wed, 20 Dec 2023 11:55:23 -0500 Subject: [PATCH 040/161] fix typo --- design-patterns/gc-institution/gc-institution-en.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/design-patterns/gc-institution/gc-institution-en.html b/design-patterns/gc-institution/gc-institution-en.html index 7f24b77b46..5649f8a7bf 100644 --- a/design-patterns/gc-institution/gc-institution-en.html +++ b/design-patterns/gc-institution/gc-institution-en.html @@ -10,7 +10,7 @@

    {{ page.title }}

    -

    TThe about the institution pattern is a section on an institutional landing page that provides links to corporate, program and policy information.

    +

    The about the institution pattern is a section on an institutional landing page that provides links to corporate, program and policy information.

    On this page

      From 804131265641a45c7f7d4562b4d79d76d1639df4 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Thu, 21 Dec 2023 10:30:58 -0500 Subject: [PATCH 041/161] rmv container and add link --- design-patterns/gc-institution/gc-institution-en.html | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/design-patterns/gc-institution/gc-institution-en.html b/design-patterns/gc-institution/gc-institution-en.html index 5649f8a7bf..11c111a059 100644 --- a/design-patterns/gc-institution/gc-institution-en.html +++ b/design-patterns/gc-institution/gc-institution-en.html @@ -26,7 +26,7 @@

      Before you start

      About the institution is a mandatory pattern on an institutional landing page. It must include mandate and transparency links.

      Accessibility guidance

      @@ -58,7 +58,6 @@

      About the [Institution]

    -

    Code

    
 		<section class="col-md-8 pull-left bold">
@@ -77,7 +76,6 @@ 
    Code
    
 			</ul>
 		</section>
    -

    Evaluation and report

    There is no accessibility report.

    From 7364816c1507b6c83c093ccef6961e0d35af2070 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Thu, 21 Dec 2023 11:05:50 -0500 Subject: [PATCH 042/161] start fr --- .../gc-institution/gc-institution-en.html | 2 +- .../gc-institution/gc-institution-fr.html | 152 +++++++++--------- design-patterns/gc-institution/index.json-ld | 2 +- 3 files changed, 82 insertions(+), 74 deletions(-) diff --git a/design-patterns/gc-institution/gc-institution-en.html b/design-patterns/gc-institution/gc-institution-en.html index 11c111a059..b70ae4afca 100644 --- a/design-patterns/gc-institution/gc-institution-en.html +++ b/design-patterns/gc-institution/gc-institution-en.html @@ -60,7 +60,7 @@

    About the [Institution]

    Code

    
-		<section class="col-md-8 pull-left bold">
+		<section class="col-md-8 bold-content">
 			<h2 class="h3 mrgn-tp-md">About the [Institution]</h2>
 			<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
 				<li><a href="#">Mandate</a></li>
diff --git a/design-patterns/gc-institution/gc-institution-fr.html b/design-patterns/gc-institution/gc-institution-fr.html
index 208628dd2a..c8bfa4e432 100644
--- a/design-patterns/gc-institution/gc-institution-fr.html
+++ b/design-patterns/gc-institution/gc-institution-fr.html
@@ -1,82 +1,90 @@
 ---
-breadcrumbs: [
-	{ "title": "GCWeb home", "link": "https://wet-boew.github.io/GCWeb/accueil.html" }
-]
-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"
+title: À propos de l’institution
+description: Documentation and working example for the about the institution pattern
+language: fr
+altLangPage: gc-institution-en.html
+dateModified: 2023-08-09
+layout: no-container
 ---
-{% include alert-provisional.html siteroot="../../" %}
+
    
+	
    {{ page.title }}
    
 
-
+	
+	
    La configuration de conception « À propos de l’institution » consiste en une section sur une page d’accueil institutionnelle qui fournit des liens vers des renseignements organisationnels et sur l’élaboration de programmes et de politiques.
    
 
-
    
-	
    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
    
-
    
+	
    Sur cette page
    
+	
 
-
    Objectif
    
-
    Ceci ajoute une section en vedette qui comprend des tâches principales liées à la page sur laquelle elles se trouvent.
    
+	
    Before you start
    
+	
    « À propos de l’institution » est un modèle obligatoire sur une page d’accueil institutionnelle. Il doit inclure des liens vers le mandat et la transparence.
    
 
-
    Exemple pratique
    
+	
 
-
    En demande (provisoire v1.0)
    
-
    
-	
    
-		
    
-			
    
-				
    En demande
    
-			
    
-			
    
-				
-			
    
+	
    Accessibility guidance
    
+
+	
    List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).
    
+
+	
    There is no accessibility guidance defined.
    
+
+	
    Variations
    
+
+	
    The following coded example is the default layout. It must include mandate and transparency links.
    
+
+	
    About the institution pattern
    
+	
    
+		
    
+			
    À propos de [Institution]
    
+			
 		
    
-	
    
-
    
+	
+
+		
    Code
    
+		
    
+		<section class="col-md-8 bold-content">
+			<h2 class="h3 mrgn-tp-md">À propos de [Institution</h2>
+			<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
+				<li><a href="#">Mandat</a></li>
+				<li><a href="#">Structure organisationnelle</a></li>
+				<li><a href="#">Transparence</a></li>
+				<li><a href="#">Accessibilité</a></li>
+				<li><a href="#">Possibilités d’emploi</a></li>
+				<li><a href="#">Rapports</a></li>
+				<li><a href="#">Conformité</a></li>
+				<li><a href="#">Notifications d’application de la loi</a></li>
+				<li><a href="#">[Lien institutionnel]</a></li>
+				<li>En savoir plus : <a href="#">À propos de [institution]</a></li>
+			</ul>
+		</section>
+	
    
+
+	
    Évaluation et rapport
    
+	
    There is no accessibility report.
    
 
-
    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>
-
    
+	
    There is no accessibility conformance report.
    
 
-
    Évaluation et rapport
    
-
    Il n'y a pas d'évaluation et de rapport disponibles pour ce composant.
    
+	
    Technical documentation
    
+	
    
+		
    Status:
    
+		
    stable
    
+	
    
+
    
diff --git a/design-patterns/gc-institution/index.json-ld b/design-patterns/gc-institution/index.json-ld
index 85595121ca..d78704f2c2 100644
--- a/design-patterns/gc-institution/index.json-ld
+++ b/design-patterns/gc-institution/index.json-ld
@@ -8,7 +8,7 @@
 	},
 	"title": {
 		"en": "About the institution pattern - Documentation and working example",
-		"fr": "X - Documentation et example pratique"
+		"fr": "À propos de l’institution - Documentation et example pratique"
 	},
 	"description": {
 		"en": "Section on an institutional landing page that provides links to corporate, program and policy information",

From d54e1bd3bf2802998cea5d94b71f8df01c8012c1 Mon Sep 17 00:00:00 2001
From: Jennifer Mealing 
Date: Thu, 11 Jan 2024 15:02:09 -0500
Subject: [PATCH 043/161] Update gc-institution-fr.html

---
 .../gc-institution/gc-institution-fr.html     | 31 +++++++++----------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/design-patterns/gc-institution/gc-institution-fr.html b/design-patterns/gc-institution/gc-institution-fr.html
index c8bfa4e432..1732865ffb 100644
--- a/design-patterns/gc-institution/gc-institution-fr.html
+++ b/design-patterns/gc-institution/gc-institution-fr.html
@@ -1,6 +1,6 @@
 ---
 title: À propos de l’institution
-description: Documentation and working example for the about the institution pattern
+description: Documentation et exemple pratique pour la configuration « Institution »
 language: fr
 altLangPage: gc-institution-en.html
 dateModified: 2023-08-09
@@ -14,32 +14,31 @@ 
    {{ page.title }}
    
 
 	
    Sur cette page
    
 	
 
-	
    Before you start
    
+	
    Avant de commencer
    
 	
    « À propos de l’institution » est un modèle obligatoire sur une page d’accueil institutionnelle. Il doit inclure des liens vers le mandat et la transparence.
    
 
 	
 
-	
    Accessibility guidance
    
+	
    Orientation en matière d’accessibilité
    
 
-	
    List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).
    
+	
    Liste des directives d’accessibilité à respecter pour veiller à ce que le composant soit utilisé dans le respect des directives d’accessibilité et de la norme EN 301 549 (y compris la norme WCAG 2.1, niveau AA).
    
 
-	
    There is no accessibility guidance defined.
    
+	
    Il n’y a pas de directives définies en matière d’accessibilité.
    
 
 	
    Variations
    
 
-	
    The following coded example is the default layout. It must include mandate and transparency links.
    
+	
    L’exemple codé ci-après constitue l’affichage par défaut. Il doit inclure le mandat et des liens en matière de transparence.
    
 
-	
    About the institution pattern
    
+	
    Au sujet de la configuration « Institution« »
    
 	
    
 		
    
 			
    À propos de [Institution]
    
@@ -78,13 +77,13 @@ 
    Code

    Évaluation et rapport

    -

    There is no accessibility report.

    +

    Il n’y a pas de rapport d’accessibilité.

    -

    There is no accessibility conformance report.

    +

    Il n’y a pas de rapport de conformité en matière d’accessibilité.

    -

    Technical documentation

    +

    Documentation technique

    -
    Status:
    +
    Statut:
    stable
    From 3e12ab721bcdd15e634115e57e0610f0b178de34 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Thu, 11 Jan 2024 15:04:00 -0500 Subject: [PATCH 044/161] add french, dates --- design-patterns/gc-institution/gc-institution-en.html | 2 +- design-patterns/gc-institution/gc-institution-fr.html | 2 +- design-patterns/gc-institution/index.json-ld | 6 +++--- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/design-patterns/gc-institution/gc-institution-en.html b/design-patterns/gc-institution/gc-institution-en.html index b70ae4afca..3a511fc3d0 100644 --- a/design-patterns/gc-institution/gc-institution-en.html +++ b/design-patterns/gc-institution/gc-institution-en.html @@ -3,7 +3,7 @@ description: Documentation and working example for the about the institution pattern language: en altLangPage: gc-institution-fr.html -dateModified: 2023-08-09 +dateModified: 2024-01-11 layout: no-container ---
    diff --git a/design-patterns/gc-institution/gc-institution-fr.html b/design-patterns/gc-institution/gc-institution-fr.html index 1732865ffb..1a530c4cb4 100644 --- a/design-patterns/gc-institution/gc-institution-fr.html +++ b/design-patterns/gc-institution/gc-institution-fr.html @@ -3,7 +3,7 @@ description: Documentation et exemple pratique pour la configuration « Institution » language: fr altLangPage: gc-institution-en.html -dateModified: 2023-08-09 +dateModified: 2024-01-11 layout: no-container ---
    diff --git a/design-patterns/gc-institution/index.json-ld b/design-patterns/gc-institution/index.json-ld index d78704f2c2..459138bf18 100644 --- a/design-patterns/gc-institution/index.json-ld +++ b/design-patterns/gc-institution/index.json-ld @@ -12,9 +12,9 @@ }, "description": { "en": "Section on an institutional landing page that provides links to corporate, program and policy information", - "fr": "X." + "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": "2023-08-16", + "modified": "2024-01-11", "componentName": "gc-institution", "status": "stable", "pages": { @@ -27,7 +27,7 @@ { "title": "À propos de l'institution - Documentation et exemple pratique", "language": "fr", - "path": "gc-most-institution-fr.html" + "path": "gc-institution-fr.html" } ] } From 4dc9738f248441955f42d873b9cd3b65b895d545 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Thu, 11 Jan 2024 15:04:49 -0500 Subject: [PATCH 045/161] Update gc-institution-fr.html --- design-patterns/gc-institution/gc-institution-fr.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/design-patterns/gc-institution/gc-institution-fr.html b/design-patterns/gc-institution/gc-institution-fr.html index 1a530c4cb4..55938bdf1b 100644 --- a/design-patterns/gc-institution/gc-institution-fr.html +++ b/design-patterns/gc-institution/gc-institution-fr.html @@ -10,7 +10,7 @@

    {{ page.title }}

    -

    La configuration de conception « À propos de l’institution » consiste en une section sur une page d’accueil institutionnelle qui fournit des liens vers des renseignements organisationnels et sur l’élaboration de programmes et de politiques.

    +

    La configuration de conception « À propos de l’institution » consiste en une section sur une page d’accueil institutionnelle qui fournit des liens vers des renseignements organisationnels et sur l’élaboration de programmes et de politiques.

    Sur cette page

      @@ -22,7 +22,7 @@

      Sur cette page

    Avant de commencer

    -

    « À propos de l’institution » est un modèle obligatoire sur une page d’accueil institutionnelle. Il doit inclure des liens vers le mandat et la transparence.

    +

    « À propos de l’institution » est un modèle obligatoire sur une page d’accueil institutionnelle. Il doit inclure des liens vers le mandat et la transparence.

    • Au sujet de la configuration « Institution »
      • From 566428cbd5a5c6c1841f6168084eae642ff02e64 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Garneau?= Date: Thu, 7 Mar 2024 10:21:19 -0500 Subject: [PATCH 046/161] GC institution: creating data-first documentation --- _data/design-patterns.json | 159 +++++++++++++++++- .../gc-institution/gc-institution-doc-en.html | 9 + .../gc-institution/gc-institution-doc-fr.html | 9 + .../gc-institution/gc-institution-en.html | 134 ++++++--------- .../gc-institution/gc-institution-fr.html | 133 ++++++--------- design-patterns/gc-institution/index.json-ld | 135 ++++++++++++++- 6 files changed, 399 insertions(+), 180 deletions(-) create mode 100644 design-patterns/gc-institution/gc-institution-doc-en.html create mode 100644 design-patterns/gc-institution/gc-institution-doc-fr.html diff --git a/_data/design-patterns.json b/_data/design-patterns.json index fe51488c70..1f83b95ef4 100644 --- a/_data/design-patterns.json +++ b/_data/design-patterns.json @@ -1 +1,158 @@ -[] +[{ + "@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", + "status": "stable", + "version": "1.0", + "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" + } + ] + }, + "dependencies": "No dependency.", + "a11yGuidance": "No accessibility guidance.", + "variations": [ + { + "name": { + "en": "About the institution - default", + "fr": "À propos de l'institution - par défaut" + }, + "status": "stable", + "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" + }, + "iteration": "_:iteration_institution_1", + "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", + "iteration": "_:iteration_institution_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." + ], + "fr": [ + "Référez-vous au code qui suit." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
      \n\t
      \n\t\t

      About the [Institution]

      \n\t\t\n\t
      \n
      " + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code :", + "code": "
      \n\t
      \n\t\t

      À propos de [Institution]

      \n\t\t\n\t
      \n
      " + } + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_institution_1", + "name": "Most requested - Iteration 1", + "date": "2024-03", + "detectableBy": ".bold-content .list-unstyled.mrgn-tp-lg.lst-spcd-2.colcount-md-2", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
      \n\t
      \n\t\t

      About the [Institution]

      \n\t\t\n\t
      \n
      " + } + ] + } + ], + "changesets": [ + { + "@id": "_:cs_institution", + "name": "About the institution", + "status": "stable", + "baseOnIteration": "_:iteration_institution_1", + "detectableBy": ".bold-content .list-unstyled.mrgn-tp-lg.lst-spcd-2.colcount-md-2", + "layout": "On medium screens and larger, the links are laid out in two columns.", + "semantic": "h2.h3 + ul.colcount-md-2 > li > a", + "static": [ + "About", + "À propos de", + "More:", + "En savoir plus :" + ], + "schema": [ + "Links text", + "Links url" + ] + } + ] +} +] diff --git a/design-patterns/gc-institution/gc-institution-doc-en.html b/design-patterns/gc-institution/gc-institution-doc-en.html new file mode 100644 index 0000000000..00818cee1a --- /dev/null +++ b/design-patterns/gc-institution/gc-institution-doc-en.html @@ -0,0 +1,9 @@ +--- +title: About the institution +description: Documentation for the "About the institution" design pattern +language: en +altLangPage: gc-institution-doc-fr.html +dateModified: 2024-03-07 +layout: documentation +index_json: index.json-ld +--- diff --git a/design-patterns/gc-institution/gc-institution-doc-fr.html b/design-patterns/gc-institution/gc-institution-doc-fr.html new file mode 100644 index 0000000000..44a7c5d6f6 --- /dev/null +++ b/design-patterns/gc-institution/gc-institution-doc-fr.html @@ -0,0 +1,9 @@ +--- +title: À propos de l'institution +description: Documentation pour la configuration de conception « À propos de l'institution » +language: fr +altLangPage: gc-institution-doc-en.html +dateModified: 2024-03-07 +layout: documentation +index_json: index.json-ld +--- diff --git a/design-patterns/gc-institution/gc-institution-en.html b/design-patterns/gc-institution/gc-institution-en.html index 3a511fc3d0..34ed0b3479 100644 --- a/design-patterns/gc-institution/gc-institution-en.html +++ b/design-patterns/gc-institution/gc-institution-en.html @@ -1,90 +1,50 @@ --- -title: About the institution pattern -description: Documentation and working example for the about the institution pattern -language: en -altLangPage: gc-institution-fr.html -dateModified: 2024-01-11 -layout: no-container +{ + "title": "About the institution", + "description": "Working example for the about the institution design pattern", + "language": "en", + "altLangPage": "gc-institution-fr.html", + "breadcrumbs": [ + { "title": "About the institution", "link": "design-patterns/gc-institution/gc-institution-doc-en.html" } + ], + "dateModified": "2024-03-07", + "pageclass": "wb-prettify all-pre" +} --- -
      -

      {{ page.title }}

      - -

      The about the institution pattern is a section on an institutional landing page that provides links to corporate, program and policy information.

      - -

      On this page

      - - -

      Before you start

      -

      About the institution is a mandatory pattern on an institutional landing page. It must include mandate and transparency links.

      - - - -

      Accessibility guidance

      - -

      List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).

      - -

      There is no accessibility guidance defined.

      - -

      Variations

      - -

      The following coded example is the default layout. It must include mandate and transparency links.

      - -

      About the institution pattern

      -
      -
      -

      About the [Institution]

      - -
      -
      - -

      Code

      - 
      
-		<section class="col-md-8 bold-content">
-			<h2 class="h3 mrgn-tp-md">About the [Institution]</h2>
-			<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
-				<li><a href="#">Mandate</a></li>
-				<li><a href="#">Organizational structure</a></li>
-				<li><a href="#">Transparency</a></li>
-				<li><a href="#">Accessibility</a></li>
-				<li><a href="#">Job opportunities</a></li>
-				<li><a href="#">Reports</a></li>
-				<li><a href="#">Compliance</a></li>
-				<li><a href="#">Enforcement notifications</a></li>
-				<li><a href="#">[Institutional link]</a></li>
-				<li>More: <a href="#">About the [Institution]</a></li>
-			</ul>
-		</section>
-
      - -

      Evaluation and report

      -

      There is no accessibility report.

      - -

      There is no accessibility conformance report.

      - -

      Technical documentation

      -
      -
      Status:
      -
      stable
      -
      -
      +

      Below is a working example for the "About the institution" design pattern.

      + +
      +
      +

      About the [Institution]

      + +
      +
      + +

      Code

      +
      <section class="col-md-8 bold-content">
+	<h2 class="h3 mrgn-tp-md">About the [Institution]</h2>
+	<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
+		<li><a href="#">Mandate</a></li>
+		<li><a href="#">Organizational structure</a></li>
+		<li><a href="#">Transparency</a></li>
+		<li><a href="#">Accessibility</a></li>
+		<li><a href="#">Job opportunities</a></li>
+		<li><a href="#">Reports</a></li>
+		<li><a href="#">Compliance</a></li>
+		<li><a href="#">Enforcement notifications</a></li>
+		<li><a href="#">[Institutional link]</a></li>
+		<li>More: <a href="#">About the [Institution]</a></li>
+	</ul>
+</section>
      diff --git a/design-patterns/gc-institution/gc-institution-fr.html b/design-patterns/gc-institution/gc-institution-fr.html index 55938bdf1b..65a33af31e 100644 --- a/design-patterns/gc-institution/gc-institution-fr.html +++ b/design-patterns/gc-institution/gc-institution-fr.html @@ -1,89 +1,50 @@ --- -title: À propos de l’institution -description: Documentation et exemple pratique pour la configuration « Institution » -language: fr -altLangPage: gc-institution-en.html -dateModified: 2024-01-11 -layout: no-container +{ + "title": "À propos de l'institution", + "description": "Exemple pratique pour la configuration de conception « À propos de l'institution »", + "language": "fr", + "altLangPage": "gc-institution-en.html", + "breadcrumbs": [ + { "title": "À propos de l'institution", "link": "design-patterns/gc-institution/gc-institution-doc-fr.html" } + ], + "dateModified": "2024-03-07", + "pageclass": "wb-prettify all-pre" +} --- -
      -

      {{ page.title }}

      - -

      La configuration de conception « À propos de l’institution » consiste en une section sur une page d’accueil institutionnelle qui fournit des liens vers des renseignements organisationnels et sur l’élaboration de programmes et de politiques.

      - -

      Sur cette page

      - - -

      Avant de commencer

      -

      « À propos de l’institution » est un modèle obligatoire sur une page d’accueil institutionnelle. Il doit inclure des liens vers le mandat et la transparence.

      - - - -

      Orientation en matière d’accessibilité

      - -

      Liste des directives d’accessibilité à respecter pour veiller à ce que le composant soit utilisé dans le respect des directives d’accessibilité et de la norme EN 301 549 (y compris la norme WCAG 2.1, niveau AA).

      - -

      Il n’y a pas de directives définies en matière d’accessibilité.

      - -

      Variations

      - -

      L’exemple codé ci-après constitue l’affichage par défaut. Il doit inclure le mandat et des liens en matière de transparence.

      - -

      Au sujet de la configuration « Institution« »

      -
      -
      -

      À propos de [Institution]

      - -
      -
      - -

      Code

      - 
      
-		<section class="col-md-8 bold-content">
-			<h2 class="h3 mrgn-tp-md">À propos de [Institution</h2>
-			<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
-				<li><a href="#">Mandat</a></li>
-				<li><a href="#">Structure organisationnelle</a></li>
-				<li><a href="#">Transparence</a></li>
-				<li><a href="#">Accessibilité</a></li>
-				<li><a href="#">Possibilités d’emploi</a></li>
-				<li><a href="#">Rapports</a></li>
-				<li><a href="#">Conformité</a></li>
-				<li><a href="#">Notifications d’application de la loi</a></li>
-				<li><a href="#">[Lien institutionnel]</a></li>
-				<li>En savoir plus : <a href="#">À propos de [institution]</a></li>
-			</ul>
-		</section>
-
      - -

      Évaluation et rapport

      -

      Il n’y a pas de rapport d’accessibilité.

      - -

      Il n’y a pas de rapport de conformité en matière d’accessibilité.

      - -

      Documentation technique

      -
      -
      Statut:
      -
      stable
      -
      -
      +

      Vous trouverez ci-dessous un exemple pratique pour la configuration de conception « À propos de l'institution ».

      + +
      +
      +

      À propos de [Institution]

      + +
      +
      + +

      Code

      +
      <section class="col-md-8 bold-content">
+	<h2 class="h3 mrgn-tp-md">À propos de [Institution</h2>
+	<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
+		<li><a href="#">Mandat</a></li>
+		<li><a href="#">Structure organisationnelle</a></li>
+		<li><a href="#">Transparence</a></li>
+		<li><a href="#">Accessibilité</a></li>
+		<li><a href="#">Possibilités d’emploi</a></li>
+		<li><a href="#">Rapports</a></li>
+		<li><a href="#">Conformité</a></li>
+		<li><a href="#">Notifications d’application de la loi</a></li>
+		<li><a href="#">[Lien institutionnel]</a></li>
+		<li>En savoir plus : <a href="#">À propos de [institution]</a></li>
+	</ul>
+</section>
      diff --git a/design-patterns/gc-institution/index.json-ld b/design-patterns/gc-institution/index.json-ld index 459138bf18..b4423467a6 100644 --- a/design-patterns/gc-institution/index.json-ld +++ b/design-patterns/gc-institution/index.json-ld @@ -7,8 +7,8 @@ "modified": "dct:modified" }, "title": { - "en": "About the institution pattern - Documentation and working example", - "fr": "À propos de l’institution - Documentation et example pratique" + "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", @@ -17,18 +17,141 @@ "modified": "2024-01-11", "componentName": "gc-institution", "status": "stable", + "version": "1.0", "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 pattern - Documentation and working example", + "title": "About the institution", "language": "en", "path": "gc-institution-en.html" }, - { - "title": "À propos de l'institution - Documentation et exemple pratique", + { + "title": "À propos de l'institution", "language": "fr", "path": "gc-institution-fr.html" } ] - } + }, + "dependencies": "No dependency.", + "a11yGuidance": "No accessibility guidance.", + "variations": [ + { + "name": { + "en": "About the institution - default", + "fr": "À propos de l'institution - par défaut" + }, + "status": "stable", + "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" + }, + "iteration": "_:iteration_institution_1", + "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", + "iteration": "_:iteration_institution_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." + ], + "fr": [ + "Référez-vous au code qui suit." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
      \n\t
      \n\t\t

      About the [Institution]

      \n\t\t\n\t
      \n
      " + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code :", + "code": "
      \n\t
      \n\t\t

      À propos de [Institution]

      \n\t\t\n\t
      \n
      " + } + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_institution_1", + "name": "About the institution - Iteration 1", + "date": "2024-03", + "detectableBy": ".bold-content .list-unstyled.mrgn-tp-lg.lst-spcd-2.colcount-md-2", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
      \n\t
      \n\t\t

      About the [Institution]

      \n\t\t\n\t
      \n
      " + } + ] + } + ], + "changesets": [ + { + "@id": "_:cs_institution", + "name": "About the institution", + "status": "stable", + "baseOnIteration": "_:iteration_institution_1", + "detectableBy": ".bold-content .list-unstyled.mrgn-tp-lg.lst-spcd-2.colcount-md-2", + "layout": "On medium screens and larger, the links are laid out in two columns.", + "semantic": "h2.h3 + ul.colcount-md-2 > li > a", + "static": [ + "About", + "À propos de", + "More:", + "En savoir plus :" + ], + "schema": [ + "Links text", + "Links url" + ] + } + ] } From 4cdcda5ec514073848b8ae3fc7e7d87992122bf7 Mon Sep 17 00:00:00 2001 From: Eric Dunsworth <1907279+EricDunsworth@users.noreply.github.com> Date: Mon, 11 Mar 2024 11:30:05 -0400 Subject: [PATCH 047/161] Field flow: Trim auto-generated labels/values Leading/Trailing spaces are usually undesirable, so let's strip them out. Doesn't affect labels that are explicitly-declared via the "wb-fieldflow-label" class. Those will be kept as-is so as not to interfere with an implementer's desire. Affects grouping and nesting scenarios. Directly impacts the demo page's nesting example. Spinoff of #2291. --- components/wb-fieldflow/fieldflow.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/wb-fieldflow/fieldflow.js b/components/wb-fieldflow/fieldflow.js index 26dbf1a6ae..a0676bcb51 100644 --- a/components/wb-fieldflow/fieldflow.js +++ b/components/wb-fieldflow/fieldflow.js @@ -786,7 +786,7 @@ var componentName = "wb-fieldflow", // Is firstNode an anchor? if ( firstNode.nodeName === "A" ) { itmValue = firstNode.getAttribute( "href" ); - itmLabel = $( firstNode ).html(); + itmLabel = $( firstNode ).html().trim(); j_len = 1; // Force following elements to be ignored actions.push( { @@ -834,7 +834,7 @@ var componentName = "wb-fieldflow", // Remove nested structure in grouping (ul) and nesting (.wb-fieldflow-sub) scenarios $itmCachedClean.children( "ul, .wb-fieldflow-sub" ).remove(); - itmLabel = $itmCachedClean.html(); + itmLabel = $itmCachedClean.html().trim(); } // Set an id on the element From 7baa2a9d1e69c3a74402fb7275af2addc35a83e8 Mon Sep 17 00:00:00 2001 From: Jennifer Mealing Date: Mon, 22 Jan 2024 15:58:04 -0500 Subject: [PATCH 048/161] gc- minister PR Update gc-ministers-en.html edits update based on new header documentation Update gc-ministers-en.html move to design pattern folder fix indents? Delete _base.scss add img Update index.json-ld insert available translation link --- _data/components.json | 34 +++++ .../gc-ministers/gc-ministers-en.html | 131 +++++++++++++++++ .../gc-ministers/gc-ministers-fr.html | 132 ++++++++++++++++++ .../gc-ministers/img/minister-200x250.jpg | Bin 0 -> 17891 bytes design-patterns/gc-ministers/index.json-ld | 34 +++++ 5 files changed, 331 insertions(+) create mode 100644 design-patterns/gc-ministers/gc-ministers-en.html create mode 100644 design-patterns/gc-ministers/gc-ministers-fr.html create mode 100644 design-patterns/gc-ministers/img/minister-200x250.jpg create mode 100644 design-patterns/gc-ministers/index.json-ld diff --git a/_data/components.json b/_data/components.json index 8dae1d5d1f..4ee76e1c1a 100644 --- a/_data/components.json +++ b/_data/components.json @@ -703,6 +703,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": "Minister profile - Documentation and working example", + "fr": "x - Documentation et example pratique" + }, + "description": { + "en": "This component is for the minister profile images on the institutional landing page.", + "fr": "X." + }, + "modified": "2023-08-08", + "componentName": "gc-ministers", + "status": "provisional", + "pages": { + "examples": [ + { + "title": "Minister profile - Documentation and working example", + "language": "en", + "path": "gc-ministers.html" + }, + { + "title": "x - Documentation et example pratique", + "language": "fr", + "path": "gc-ministers.html" + } + ] + } +} ,{ "@context": { "@version": 1.1, diff --git a/design-patterns/gc-ministers/gc-ministers-en.html b/design-patterns/gc-ministers/gc-ministers-en.html new file mode 100644 index 0000000000..ff2f4df4e7 --- /dev/null +++ b/design-patterns/gc-ministers/gc-ministers-en.html @@ -0,0 +1,131 @@ +--- +title: Minister or institutional head pattern +description: Documentation and working example for the minister or institutional head pattern +language: en +altLangPage: gc-ministers-fr.html +dateModified: 2024-01-29 +layout: no-container +--- +
      +

      {{ page.title }}

      + +

      The Minister or institutional head pattern identifies the relevant Minister(s) or head(s) for a department, agency or organization. It provides links to the official bio for an institution’s minister(s), associate minister(s), or institutional head, and may also include a headshot or links to mandate letters and briefing materials.

      +

      On this page

      + +

      Before you start

      +

      The Minister or institutional head pattern is mandatory on an institutional landing page. Consult the Canada.ca Design system guidance for using this component.

      + +

      Accessibility guidance

      +

      List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).

      +

      There is no accessibility guidance defined.

      +

      Variations

      +

      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
        • +
      +

      Minister or institutional head pattern

      +

      Minister(s)

      +
      +
      +
      +
      +
      The Honourable [Minister name] +
      +
      + +
      +
      +

      [Official title]

      + +
      +
      +
      +
      +
      +
      +
      +
      The Honourable [Minister name] +
      +
      + +
      +
      +

      [Official title]

      + +
      +
      +
      +
      +
      + +

      Code

      + 
      <h2 class="h3 mrgn-tp-md">Minister(s)</h2>
+		<div class="row mrgn-bttm-lg wb-eqht-grd">
+			<div class="col-md-6">
+				<div class="row">
+					<figure>
+						<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">The Honourable [Minister name]</a>
+						</figcaption>
+						<div class="col-md-5 col-xs-12">
+							<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
+						</div>
+						<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
+							<p class="ln-hght"><small>[Official title]</small></p>
+							<ul>
+								<li><small><a href="">Mandate letter [optional]<span class="wb-inv">: [Minister name]</span></a></small>
+								</li>
+								<li><small><a href="">Briefing book [optional]<span class="wb-inv">: [Minister name]</span></a></small>
+								</li>
+							</ul>
+						</div>
+					</figure>
+				</div>
+			</div>
+			<div class="col-md-6">
+				<div class="row">
+					<figure>
+						<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">The Honourable [Minister name]</a>
+						</figcaption>
+						<div class="col-md-5 col-xs-12">
+							<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
+						</div>
+						<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
+							<p class="ln-hght"><small>[Official title]</small></p>
+							<ul>
+								<li><small><a href="">Mandate letter [optional]<span class="wb-inv">: [Minister name]</span></a></small>
+								</li>
+							</ul>
+						</div>
+					</figure>
+				</div>
+			</div>
+		</div>
+
      + +

      Evaluation and report

      +

      There is no accessibility report.

      +

      There is no accessibility conformance report.

      +

      Technical documentation

      +
      +
      Status:
      stable
      +
      +
      diff --git a/design-patterns/gc-ministers/gc-ministers-fr.html b/design-patterns/gc-ministers/gc-ministers-fr.html new file mode 100644 index 0000000000..a65d53c6ef --- /dev/null +++ b/design-patterns/gc-ministers/gc-ministers-fr.html @@ -0,0 +1,132 @@ +--- +title: Ministre ou chef d’institution +description: Documentation and working example for the minister or institutional head pattern +language: en +altLangPage: gc-ministers-en.html +dateModified: 2024-01-29 +layout: no-container +--- +
      +

      {{ page.title }}

      + +

      La configuration de conception d’un ministre ou d’un chef d’institution indique le(s) ministre(s) ou chef(s) d’institution concernés d’un ministère, d’un organisme ou d’une organisation. Elle fournit des liens vers la biographie officielle du ou des ministres, ministres associés ou chefs d’institution, et elle peut également inclure un portrait ou des liens vers des lettres de mandat et des documents d’information.

      +

      Sur cette page

      + +

      Avant de commencer

      +

      La configuration de conception d’un ministre ou d’un chef d’institution est obligatoire sur les pages d’accueil institutionnelles. Consult the Canada.ca Design system guidance for using this component.

      + +

      Orientation en matière d’accessibilité

      +

      Liste des directives d’accessibilité à respecter pour veiller à ce que le composant soit utilisé dans le respect des directives d’accessibilité et de la norme EN 301 549 (y compris la norme WCAG 2.1, niveau AA).

      +

      Il n’y a pas de directives définies en matière d’accessibilité.

      +

      Variations

      +

      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
        • +
      +

      Ministre ou chef d’institution

      +

      Ministre(s)

      +
      +
      +
      +
      +
      L’honorable [nom de la ministre] +
      +
      + +
      +
      +

      [Titre officiel]

      + +
      +
      +
      +
      +
      +
      +
      +
      L’honorable [nom de la ministre] +
      +
      + +
      +
      +

      [Titre officiel]

      + +
      +
      +
      +
      +
      + +

      Code

      + 
      
+		<h2 class="h3 mrgn-tp-md">Ministre(s)</h2>
+		<div class="row mrgn-bttm-lg wb-eqht-grd">
+			<div class="col-md-6">
+				<div class="row">
+					<figure>
+						<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">L’honorable [nom de la ministre]</a>
+						</figcaption>
+						<div class="col-md-5 col-xs-12">
+							<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
+						</div>
+						<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
+							<p class="ln-hght"><small>[Titre officiel]</small></p>
+							<ul>
+								<li><small><a href="">Élément de liste : Lettre de mandat<span class="wb-inv">: [Nom de la ministre]</span></a></small>
+								</li>
+								<li><small><a href="">Élément de liste : Dossier d’information<span class="wb-inv">: [Nom de la ministre]</span></a></small>
+								</li>
+							</ul>
+						</div>
+					</figure>
+				</div>
+			</div>
+			<div class="col-md-6">
+				<div class="row">
+					<figure>
+						<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">L’honorable [Nom de la ministre]</a>
+						</figcaption>
+						<div class="col-md-5 col-xs-12">
+							<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
+						</div>
+						<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
+							<p class="ln-hght"><small>[Titre officiel]</small></p>
+							<ul>
+								<li><small><a href="">Élément de liste : Lettre de mandat [facultatif]<span class="wb-inv">: [Nom de la ministre]</span></a></small>
+								</li>
+							</ul>
+						</div>
+					</figure>
+				</div>
+			</div>
+		</div>
+
      +
      +

      Evaluation and report

      +

      Il n’y a pas de rapport d’accessibilité.

      +

      Il n’y a pas de rapport de conformité en matière d’accessibilité.

      +

      Documentation technique

      +
      +
      Statut :
      stable
      +
      +
    diff --git a/design-patterns/gc-ministers/img/minister-200x250.jpg b/design-patterns/gc-ministers/img/minister-200x250.jpg new file mode 100644 index 0000000000000000000000000000000000000000..f7cd0267f9c9ad0e9302fcb131d5106ecd6496d6 GIT binary patch literal 17891 zcmeHucR-WL_UM-ap@fbISO`s|gx;0jrAien7}AJ@B&2|X3Zkp4SWyrK1wlcIq9RoV z8(2UQ5s;z+3QBQpU;&XgUnuJC-go!??tAy2=Oi<8=FFKhXU>#w>g40e9+42I^)w0u zd3r)x5CjQ97=$#00uTcHAcP_$z=t6y3^8vOUWZsbO@jn91`u!|HDK8YLq04E;M5&7 z2tA#)2>6d7k*^65q#-%u+mV=IWSmbplgs3UGg&wX2b`h4ff;VGCxJ*~z(`HVP~TAB zQs2PR&>UxAWNB<}X=n^sL8vUmRQ{8b5R`?S&F6L&Y8D=Y34swrpr&ON{INWUMc>PV z(EYJINW=^egeh{CxA6Qac91LZfo7)s$;XqgAuPWnp$?u9V)742oF9Tn2{7GcC$tU1 z3JD1b3t@$Yu~MQUqEd4tuvm#X@-i}WWMt%}uzWM^O$Gk!BE&>R#l*!V#l|HO922?h3tJaC9`q+UUC-f~&V3lrOMYLn?M5^2`3Gl> zLnnW`m~!*ci;+{MwJm+4ft2X&skvo!t^FU(T!N@EI}YcS-)ejLNeV(DfwXA8Oc+4{ z6TS$_2GVFCL6nM&fZ>({vakf#e4E}HsfG2h6O$eM<`6l?@6-ih0Wgb9u0I4q$-c>MYKQ)Un1m)D{4=tq ze@6E3pOH1cKUMyq`fM+6zI)Y<<%1Oy+L#5sc~y7HK3Ux0Y{Dwmct*q@o`g=G8F?q0 zpWFGGY<#}8Gh(aunS{#woV~3EyP1`ZoMgY6HtYPhtao@0=aX99h`d z_iZBdQ=?aH(Im8M^ay$7 z$lH$2Dy7dgyp98pii+mCeay&>vw3BblrlCHSv=O$GR)cgv9Cjsw_pBs$|Q8Ou2kLP zm;*{X_hsmov>Sn5M)#uiKkt1#(Z6KCU=liByE)Yz zPxwS*R^F%?OyvcXsA@$HC^ShFtLLz8Rn-~1iPm*_8J{x=?Y>asr1_%d_>nD4-^Ltd zp>{#Tj_s!PPqm9=p4KmzgpSpGRT`M znb!3_FaP#r5^@=gtu9}be7tVo=_^XsZQO4uqx2eqDjHo{ge}_AoW9kmQXy!?y{GBn_{d8`PePkGSL%ZXZ9J)-HXrH>GaXKG zd*58R`08s>8i!U_%X}FbUtJ%cKA|*bbFqEj%E87~I+k(1)u`&_nUbPjQd7iv#fNXd z9=_1IU`6S0#O6Ke(thH3qs+n9MFQ>SnZcU(ZlB3&+tn2(zs4;h`VHrPBdu%e1M9+| zN9PPJYkV7vPmW{+?OL5eTo92Nu^kjlN%2f^={;J+@Td69G0&sCiQuvPHkJ{6>`cnh zhHshf7eaSDnip*P==P|UsQyF|CuVbeb4l}<(*3+4wYG0Mn~M#O8V(l~;uQx!T6Yv` zd@D=N$ShI{n1sl^#L=bm>v&!V(t7W5B8Y`aidK(aET>i_ZO+WS_wAzr;q0y4i^1Qt zV=vLeIpKrGoo-ggdjj-0@k47`ZmH!>K6-zubHb%@EdOC_v@^rScU+=%o_j&Wa%)x0@@0^ZgARdr+g%GVYWQ*c8`)ktYbdu;E9!@EL%<1C2i zdb9a!dQtqPuA%wkb3XDU3PV?nX?WilI%YSabb2Iue(d`z7*gA2o6jN>OE(o4G%!#6 zF$rC>3VjfDM=kI4SpDchZ2Lo&_1VgMSI4S_YwyHGSJ!vFiK2r5%@^4U~-3ye)Lk8r^$%H2y>%^?8Wy*qtZql&Fby%Tls2&d`+zGvfSf0Wj>E1 zE%eHCieCrB|2A4QVK!jXtr=_+RPd^7ba(V<=dpdw2;JLpiZ9K#C-%3EEvjyOSQ8m{ zv?U{XS=^hV=uOLq+C4U9hFIVGZPzn*6tenQ{3$1UR0MTkUe&Eg=9!q!p)dUJ78D=9 zK2YOdbpPJXh9SA;z4vMegZMg5+C;qPP|uF}sqt6GYo6OQ6{#irb@Yx(6l4bISN(QO zDL=Ti>g;BtcbeyjmlhTTQ=a+O&r4o2r1SBQV(QnB{3gp{$HuX;NvO~&UUS0g;tOnb z=JAd_uL-K;&uxA|16P)qF^j36gT5X7Qv8seua;LZ^kii=VPaL@V2$ma63aZ&{D!Ze zS_fAWKkh0hII3fv6G4p67`3_X-{=X*lQSn<{@LK)`p?MP{u$Xn{C>4hzLviFeRgN0 zs}GsmyLqDFIUxjL=7TvSJZUl@}~=To>bxMVVe7YRqeFzh?f*>G5bpVp7I9;UFT zap5#@^b}7r+lvrM_IFz050gUP5C!~b5D_9n>wx7#ILH(-gY>}*=<>v*aStWFnWz zb|i2Ka0&QA`cQp1Gc5*&VPfFJVnZHe$`qSFW$O=CEq|A-ACW$V_hA!lgJBMQBS~a4 zSwZ1sP`RM>(iqek^@+m~zCb2>CYQ^Mq%#@R=_J^h7+8cK@M1G~Um7+1#|Y7x2q4=m zJ=~8_ucu^~UcVq`e10EW#E%o7&J=hy3DZ4OjE{r+>_R@J!p~vU2Yy(X?*a$GZ>3<3 z2OE*;-U=ElUxHCS))msDP(TbFxL`#F3}PB{;>giij3FN%0^AuI6FvrR`O_Fa&(9zX z!98p8Zw=}d9R0UZlmAH^Ul%ZI{vgH=!GqcNkUl>IhAn;^EHx}Q+|mU27$H7J5x4+{ zw4Ji>fQZciIEfMjpK2k1A^vJ~iVsW=p*8_$N(XQdg2sTo4Xhd%X^3FlA%h! z5#NU?h{2=7BQ2~b!7wI|LE`*rlpt~qKpg)A0e7w0_6v}IYX6Y^_kO|`!}ohPfJGDJ z&}l?6Cy?#|cVxs*`3Ugi09qPY3_sxJ_(NV8Dx1k;{e%)^vT0P>>=^Cj2Xpu4;{Xpa z0*}jdAv4Hq0+&nz2*`f}Yv%JKGDQqy;25_^Dh_!6ugj0(vFXzvvFS>ImH#uwlS7^P z&`r?@66joi0`(^5LOgfYOgL0*&_}jb8Mt~%c7n1?&TA0gZfhhuq z{Nwm2LI(rsU$EFP{=oYeyeO#R@IRCDd*)&|Bk-LE&DrKHAD-%=vV0hB!c+YmrhtUa zfdlI}0oW`60v}EU_LSto9?`Eoq+feTzxI%R?IHczL;AIc^lK04*B;WZJtY3w2{)UwC`?B>9e zGk#7}t11kH1{s0>WRFC4IG4+^)YD^dbP4czr7n>fskffM(lgN2*MpYYtY;C35o9hd zj11NXRw{2U)u`ZTBrBC56Hk3lmIFDQ<{HZ;`^9?s6JsNY79QK((Hpf1hBc z-XbGsv*2)@qCqkKceTuc7aV%NWDb+ZCX$_^ftac@nQ^$jf^ zq7ydorS$Z)bYpP11O}1p=4hn?C%neK^VdfUo+zbrNNcb=#3K35s8krjz zTbPBJS{Tl7n_8a}=s$9Wr6K{2WN;cCWN zzn6+dV1o^EE}6}-QlYS!k+`YW!(vczT;_Cu-<19(OA?t)`$0`VGMvo~_djF(Z}tDr zTH};r|J(Z4gNN0r#-;b?b~hDvoYI^#takp$WBH%7F)$Qag8ntzf`I}?B?Ob-y*<1BCuF=BshAE1osla1XjynSHTBRhmknMNC001wu;DNgNq9& zc#}dkhRcHCLjaa#0|5bi8iuJ;@MRbdn}Q$kY5aY`Z3NT{a7i0WAh5v|0nxVrkBcT! z0UxX+fb|(98Uw(#0Ja9xdvF+uO#rY?WF!-YivYYh><2#7A7BC@Y?dd1K%IrB$^ue? zjHefT{J{TBCz8$s`r;cE;9|qsuJCmYa6*eX9l>;;g&AR9-ZOX_DA5cY&T|czfr%Uk zpv$SWB!Z*+49trNu$zGiYyeHu(70~?GccR!JIkLz_k!C8Uxsk9+bm4xIQh-sDKuxd z88|lFKWGMyrUiPGXiF1V{z?gd9vvIw$3jLneH-+=S2I>rscBzXYuO@%Y0^dvba98`T^T! zG;p_o3`K(512}Mp#1VqH;B*+!LJmyU2L5>|&JOe#GR}=b)P*;v4D}%h?td^11bukS z?^g&pq3^i3E1(y~fumIS@3=tl8X^Ay=mMeNacXZsxDLLov`sXbZF*N`m%7DbP_U6Uu>3 zLua51P&srNx(3xj_0R*T1?q&lp+0B`9Myh=#=#AF3_=VcgHS*yA=DAt2t$N9!W!X( z@Id$?f)Q&GR0IRTLu^EBMI<4T5l0ax5c!Dnh)TpY#2rKvq8-tL7(l#7j3H4-EK(M^ z0J#XMhcrjpA>EPw$kj+HG71@s+=kqXOhaZPi;!i=Ysh+J3$hzIgd7DA7(`KWC}k8L zWsY({d80y56cih^8MOv>;jrjYH$nOVF<905lODh2D(b zjXsJ#jV?pqL^q>*&~MS-1jGd93up^i3b+ZZ5TFXg2y7Qf704AR6{r zC#WH4Cg>^{EVxcEPH?y2F~MTNtAb5}&jm*@7>oi&8)Jp>#t<-E%y!HXOcACA^AOXA z`79(Vq$Ff0}HL z!t$_tv3c05*mmp(F)^`4Vzy!-VqCGkV)#GZdPB-BJZoccflP zW26^JJ4utIw@K$n-;jPTgOX8|agZU(Y?V1FQ!CRaD=4cW>n6KSHc9r3?0wm{bEM}O z&k3Bfeop$FD|5Q#P;!gp+~nwT`{XXjwaSgnT`<>fE_v?Gxo77-ocl?Bp1iF*S$>y% zv3!gCm;z40Ng+bvfI_*#6GgP5mf~{77{%j?wTi>@WallJN1V57-i3J`^O5tl=KIc% zo1ZhkVgBfXg$rC3uofIyaAU#nLb-*u3)d|?w6J>NfRc=owGvI~kW!7(AZ`xM4oAnO z;cnvID$iGTRpu$5P`k zA+=1j!nM-18nuzyrrI>^W7@c}*GGS_F$~HY~I$)+|w$?1etj%23+{b*k`E3gU3ww)ri^~>YEKM!BmKQAF zEWs~{SW>X$)l!Y6bAyNueHvy?zU03A=qTw^xCT0l5BHrU)pKf zt+Ok#`@>$}o^4-h|H;A9VUxpEN0g(B<1WYhPSQ>RPDh=dI;%KSoeQ1cx|q1cxm zaCLV*;M(T4z>VmZ@Ah_?*|JT`Zn|UL{oIeb_j+h~usy0gk)F#u4|;Zase3WJ%Do|P zH}8YqPkc0dqI@nb7hLYMJbih;uYvDI-&=k%exZH^ejokq{rCBI1}qNX1zZo52wWAI zANVQAF(^5xdxhSLO)Khy6@zKP6(N|Az>wUK(UndsQ&#q^GFi2KRqJYv)$3Q^S);gy zzUE4(L?|J&WUav3ptS{SzY@F&*@V$Bx3G+`w?qfxVd4OiW;FEN{M>Qc4y~u5S-PV3a%`e=rr&a^M2#?L|aFvM}Lk9j44?!wVtuQVT0C& zof}@pI>(-hL&p*0u5VP{xMgF{Cc8~1HX}BNZN46_8ow>RFTo|@^cImV5nJvh>L(^A zj%*FuTD5J#wuEiZe{=b*aJ%?+_V%_NOLk=bj{cqY`~96pJCE%Awu`juZjyddYSP!; z#NBuI80<;gGr5^23BWg$XANhJT{Af$MeR^@m{EVF$pN^4^Jv?rE{A}ie%%se*ELzs% z6D}vpvKM8i<_P9Q=k%WpJbCMs`KkO|#oVOai9AML_i5kLH}lQ%^9$w|>?=eT@(Krv zRuw%s<9MdxEdK0?V!7g^bI>{7xxw>m&$nK1zi_?8yyWaf^@|y$GNrr95M>+6-j;`# zcUJ^gG*vFEyk51Ws`QfXrM%0^m(#Dzxw5ZXq*&akpvrl^(~QhF-tk&gaDELoYZlzV>bF7wb=bsq`}cmEo()1I_~v z23HRD4Y7vChqu3$dY$pd;y*6Fv3=9ebZJaT>1XY}dE$dBWn zc70a(eEN&|ms?{&V=u>JzGA+nO=wP3eRKcTH5oZM32z|t=K?6;BEhXv=zSizln3tJ z%7FQUi1^g}m`}lf(>M)*sU;tp@_&G*=Ft2&QwYkr3PC}@E(7+sEd;3pD+7VM!NB*o zg^)%@vld`s!=V@%@&SZsIhdNHPELLR^FoX!1WmL}PL7vPPEO>4d3*;1UHv#UFNdiG zB_SwT6`A1is^+0BKlzUicvq;*KM4dUpTK}8jglxNYU;RhnvVa}P!Nqq3!nuB1O$Zz zffW@J6ciH0iin7ch+rkLd^7D$1^(J1+PJYAFm>{@L9B+q{_SboHyGVQ*0hY*gIuaUnas^hFhJ{jKOw?IQ3`$;U;RQA1C?0>PK|2``lP%Chq zBLtvv93KYHQfFcKSt|5-FSgLz9-A956sM7BDXQE#_^2RD((%CJi+Euf`HPxr6>B1p zV-80&eN3DN3j=j^YV#4JuDu*t@yD_iPOiI)ms4{d-q*kOn-;hIuA0ijE2#&?{tz9? zPb>@E6L(3gc~eT)N(<@q5Hc-YR6AI(xAw8$xP@Gv*72@2>++6%Xs6QRQjoz-*Urz! zYw1oxLQzZXozFH)x2>rV2~f`qR~4hulY%0gnC=)xUHk3x+;uh#{4FavZ9_Q)qvfgk zBD!ZTe2dUy5h#1Rn=OamD;{l$+p2qWp8Y-Oj#<)|s>&Bw8P5HouFQlup$|FUZ_TYg zU*1+xM3BQjtJys9Hu*r$&Vq)my1O5IHMucw&$$OB4xE9fdd+7?WNq3+c=4Z~n7&I7 zsVG+Io>=-+I=ODSW+GCQ?kFl8HKc8Mr=d&awp4%her;6W3zkAOWmrn2sNQU+>WF;e zOa0@=sSPc8-mU$+7Zj*Pg*TKASSVQpJPj*+kB?`&ScRW)3=CZuKUG0UK^w?*sN z)?ARY9iieLzZ0~)E8DbopPcq^jLG$(*Nv93TXw(Tq5IMrZc+p~kZ;8CZEu3k1{iQJ z?=ak3>vGyNN>xBrzamv(o9hQJH@D!q+P_~suqr10WRT+F3k`-r+H?FBj9jrt!V`ZF zzhJMn_1?;huR<5%$2UKcqa+0_>5FNtAvoeeDP^AikZ)NzGNh z?yfV@&`Ry9jqa@6U;5}Ex?um#1a`1u>b0GNkBn|wH9uO=75U`(AU<-n=o_`GhjC9M zR2P{a(!Y2r*BY7Q-Pv?lbr@~|B?D_LCx732K^StO%v6NFPdjApU|(g>?@az)ist# z)bJa*dcg5^l3}pq2Sm^Wnx&K7dr>LmX zJL_^PLptw!+;lx~Dha3A_yigLZ7E|NS?_DJ*+Jx!Z9axTT@#;rWl$ScBa-kzSTeFN})Xi?3I z*sNS?U1nj)_O1eaeT7f9TERR9(>f5ujoPK7@85(iWeTP3bJEaJj zS#neI_LX5qwE6Aq<5`;i>PGt$Wkr9Nzt7%X=iZB7F^X9i*l5@p>|DlPrs7C0WQT+@ zNK1?RCgud|^qhz~s6BLlQGiFrn8*7e&B2gKXhnR?@}y0RM{edEP&{0z_uK$~nqHS$ zw8AP!=c2{dtB7vx9rFUKyaF$-KE3mnQpwST?eXDm&SL#WqDAEoOPvf3d5D*K`HjBQ zjS31>U3ye|<((a)b_N9qh0i6LU(KIN=e~4{5k08cYnW!Zt2unt3yg5$w)kZwWs6Xb&=humYb|%F9nNzSGDtZSE}+$%aqg&-q@?2d z(mUil9q}&hQlYWxK%@cJ_Cu_Ob4|a8gi-y=&zG;vm(R~FMy+OtL=>*%^o!c&Dqu3b zDi$AGbJty9*YS1QgY}Dt5>~j-&gkUXU$^wAslBmd*mG~s*=M{Ssfu!}<2uLNA03L_ zcFVr^%iPjm;+KS`_&WO;IvHg&GpZV%F$S5QaN!YC)=eXtTTcv4ORj(R90D*F5w zmBstSeY(}*4MjmDEX>h;RpPDd(uTgR8oggmB~kjy9p?m;K4=Q|^0}I}Kde8Ny}f7; z$0knceaDk~ex-kmCd%;2_mk7thN)E?x|)2~xL%Hg>1Zkr#D6;y%fRkA@5th{G$;t? z@5d9RFi3KKb7O?i-26mEbE}l``sh{a<(;vQP3Ot`UD-x&$|z44RYOVK@haQ9$HO!R zJgYxZ>#?U->E4{14Fyv3ZL|-4%S-7Ye;(hsBJ1fA-c*u=-ezZ+`1wX>2NyOBe~R*4?pZYy z-NMw23bKD?vC7b8m*er=n36_MyB#-n)o*`Ll>cPBaxg{ZM2<@7wYu018KwA$Bl~0y z-;d!4RPD`8l literal 0 HcmV?d00001 diff --git a/design-patterns/gc-ministers/index.json-ld b/design-patterns/gc-ministers/index.json-ld new file mode 100644 index 0000000000..e895e57412 --- /dev/null +++ b/design-patterns/gc-ministers/index.json-ld @@ -0,0 +1,34 @@ +{ + "@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 pattern - Documentation and working example", + "fr": "Ministre ou chef d’institution - Documentation et example pratique" + }, + "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 responsable de l'institution sur la page d'accueil de l'institution." + }, + "modified": "2024-01-29", + "componentName": "gc-ministers", + "status": "stable", + "pages": { + "examples": [ + { + "title": "Minister or institutional head pattern - Documentation and working example", + "language": "en", + "path": "gc-ministers-en.html" + }, + { + "title": "Ministre ou chef d’institution - Documentation et example pratique", + "language": "fr", + "path": "gc-ministers-fr.html" + } + ] + } +} From a10ad660f6dd16011a18fa01c578b060d0ca349e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Garneau?= Date: Tue, 12 Mar 2024 15:52:33 -0400 Subject: [PATCH 049/161] GC-Ministers: Updating documentation, moving to components --- _data/components.json | 159 ++++++++++++-- components/gc-ministers/_base.scss | 25 +++ .../gc-ministers/gc-ministers-doc-en.html | 9 + .../gc-ministers/gc-ministers-doc-fr.html | 9 + components/gc-ministers/gc-ministers-en.html | 195 ++++++++++++++++++ components/gc-ministers/gc-ministers-fr.html | 187 +++++++++++++++++ .../gc-ministers/img/minister-200x250.jpg | Bin components/gc-ministers/index.json-ld | 169 +++++++++++++++ .../gc-ministers/gc-ministers-en.html | 131 ------------ .../gc-ministers/gc-ministers-fr.html | 132 ------------ design-patterns/gc-ministers/index.json-ld | 34 --- sites/theme.scss | 1 + 12 files changed, 742 insertions(+), 309 deletions(-) create mode 100644 components/gc-ministers/_base.scss create mode 100644 components/gc-ministers/gc-ministers-doc-en.html create mode 100644 components/gc-ministers/gc-ministers-doc-fr.html create mode 100644 components/gc-ministers/gc-ministers-en.html create mode 100644 components/gc-ministers/gc-ministers-fr.html rename {design-patterns => components}/gc-ministers/img/minister-200x250.jpg (100%) create mode 100644 components/gc-ministers/index.json-ld delete mode 100644 design-patterns/gc-ministers/gc-ministers-en.html delete mode 100644 design-patterns/gc-ministers/gc-ministers-fr.html delete mode 100644 design-patterns/gc-ministers/index.json-ld diff --git a/_data/components.json b/_data/components.json index 4ee76e1c1a..e2e0869420 100644 --- a/_data/components.json +++ b/_data/components.json @@ -712,30 +712,165 @@ "modified": "dct:modified" }, "title": { - "en": "Minister profile - Documentation and working example", - "fr": "x - Documentation et example pratique" + "en": "Minister or institutional head", + "fr": "Ministre ou chef d’institution" }, "description": { - "en": "This component is for the minister profile images on the institutional landing page.", - "fr": "X." + "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": "2023-08-08", + "modified": "2024-03-11", "componentName": "gc-ministers", - "status": "provisional", + "status": "stable", + "version": "1.0", "pages": { "examples": [ { - "title": "Minister profile - Documentation and working example", + "title": "Minister or institutional head", "language": "en", - "path": "gc-ministers.html" + "path": "gc-ministers-en.html" }, - { - "title": "x - Documentation et example pratique", + { + "title": "Ministre ou chef d’institution", + "language": "fr", + "path": "gc-ministers-fr.html" + } + ], + "docs": [ + { + "title": "Minister or institutional head", + "language": "en", + "path": "gc-ministers-doc-en.html" + }, + { + "title": "Ministre ou chef d’institution", "language": "fr", - "path": "gc-ministers.html" + "path": "gc-ministers-doc-fr.html" } ] - } + }, + "dependencies": "No dependency.", + "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_ministers_1", + "example": [ + { + "en": { "href": "gc-ministers-en.html", "text": "Minister or institutional head" }, + "fr": { "href": "gc-ministers-fr.html", "text": "Ministre ou chef d’institution" } + } + ], + "implementation": [ + "_:implement_ministers" + ], + "history": [ + { + "en": "March 2024 - Initial implementation of the variation.", + "fr": "Mars 2024 - Implémentation initiale de la variante." + } + ] + } + ], + "implementation": [ + { + "@id": "_:implement_ministers", + "iteration": "_:iteration_ministers_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." + ], + "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." + ] + }, + "notes": { + "en": [ + "Please refer to the working example for the HTML markup when there is no image." + ], + "fr": [ + "Veuillez vous référer à l'exemple pratique pour le balisage HTML lorsqu'il n'y a pas d'image." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 1 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 2]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code :", + "code": "
    \n\t

    Ministre(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    L'honorable [prénom et nom de famille]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"L'honorable\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    L'honorable [prénom et nom de famille]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"L'honorable\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
    " + } + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_ministers_1", + "name": "Ministers - Iteration 1", + "date": "2024-03", + "detectableBy": "section.ministers", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 1 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 2 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " + } + ] + } + ], + "changesets": [ + { + "@id": "_:cs_ministers", + "name": "Minister or institutional head", + "status": "stable", + "baseOnIteration": "_:iteration_ministers_1", + "detectableBy": "section.ministers", + "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 think grey border (like a thumbnail).", + "context": "To be used in the institutional landing page template.", + "schema": [ + "Minister name", + "Minister title", + "Minister page URL", + "Minister image URL", + "Mandate letter text", + "Mandate letter URL", + "Briefing book text", + "Briefing book URL" + ] + } + ] } ,{ "@context": { diff --git a/components/gc-ministers/_base.scss b/components/gc-ministers/_base.scss new file mode 100644 index 0000000000..c04ff53925 --- /dev/null +++ b/components/gc-ministers/_base.scss @@ -0,0 +1,25 @@ +/* + GC Ministers +*/ + +.ministers { + margin-bottom: 15px; + + h3 { + font-size: 20px; + font-weight: $normal-weight; + margin-bottom: 15px; + margin-top: 15px; + } + + p, ul { + font-size: 17px; + } + + img { + @extend .img-responsive; + @extend .thumbnail; + + margin-bottom: 15px; + } +} diff --git a/components/gc-ministers/gc-ministers-doc-en.html b/components/gc-ministers/gc-ministers-doc-en.html new file mode 100644 index 0000000000..24962855fd --- /dev/null +++ b/components/gc-ministers/gc-ministers-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-ministers-doc-fr.html +dateModified: 2024-03-11 +layout: documentation +index_json: index.json-ld +--- diff --git a/components/gc-ministers/gc-ministers-doc-fr.html b/components/gc-ministers/gc-ministers-doc-fr.html new file mode 100644 index 0000000000..3c40966e93 --- /dev/null +++ b/components/gc-ministers/gc-ministers-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-ministers-doc-en.html +dateModified: 2024-03-11 +layout: documentation +index_json: index.json-ld +--- diff --git a/components/gc-ministers/gc-ministers-en.html b/components/gc-ministers/gc-ministers-en.html new file mode 100644 index 0000000000..1674966ae4 --- /dev/null +++ b/components/gc-ministers/gc-ministers-en.html @@ -0,0 +1,195 @@ +--- +{ + "title": "Minister or institutional head", + "description": "Working example for the 'Minister or institutional head' component", + "language": "en", + "altLangPage": "gc-ministers-fr.html", + "breadcrumbs": [ + { "title": "Minister or institutional head - Documentation", "link": "components/gc-ministers/gc-ministers-doc-en.html" } + ], + "dateModified": "2024-03-11", + "pageClass": "wb-prettify all-pre" +} +--- + +

    Below are working examples for the "Minster or institutional head" component.

    + +

    Default layout example

    +

    This example is meant for when the image, mandate letter, and briefing book are available.

    +
    +

    Minister(s)

    +
    +
    +
    +
    +

    The Honourable [Minister 1 name]

    +
    +
    + The Honourable [Minister 1 name] +
    +
    +

    [Official title]

    + +
    +
    +
    +
    +
    +
    +

    The Honourable [Minister 2 name with a very long name]

    +
    +
    + The Honourable [Minister 2 name with a very long name] +
    +
    +

    [Official title]

    + +
    +
    +
    +
    +
    +
    + Code sample + 
    <section class="ministers">
+	<h2>Minister(s)</h2>
+	<div class="row wb-eqht-grd">
+		<div class="col-md-6">
+			<div class="row">
+				<div class="pull-right col-md-7 col-xs-12">
+					<h3><a href="#">The Honourable [Minister 1 name]</a></h3>
+				</div>
+				<div class="col-md-5 col-xs-12">
+					<img src="./img/minister-200x250.jpg" alt="The Honourable [Minister 1 name]">
+				</div>
+				<div class="col-md-7 col-xs-12">
+					<p>[Official title]</p>
+					<ul>
+						<li><a href="">Mandate letter [optional]</a></li>
+						<li><a href="">Briefing book [optional]</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<div class="row">
+				<div class="pull-right col-md-7 col-xs-12">
+					<h3><a href="#">The Honourable [Minister 2 name with a very long name]</a></h3>
+				</div>
+				<div class="col-md-5 col-xs-12">
+					<img src="./img/minister-200x250.jpg" alt="The Honourable [Minister 2 name with a very long name]">
+				</div>
+				<div class="col-md-7 col-xs-12">
+					<p>[Official title]</p>
+					<ul>
+						<li><a href="">Mandate letter [optional]</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
    +
    + +

    Example when one or more elements are not available

    +

    This example is meant for when the image, mandate letter, and/or briefing book are not available.

    +
    +

    Minister(s)

    +
    +
    +
    +
    +

    The Honourable [Minister 1 name]

    +
    +
    + The Honourable [Minister 1 name] +
    +
    +

    [Official title]

    +
    +
    +
    +
    +
    +
    +

    The Honourable [Minister 2 name with a very long name]

    +
    +
    + The Honourable [Minister 2 name with a very long name] +
    +
    +

    [Official title]

    + +
    +
    +
    +
    +

    The Honourable [Minister 3 name]

    +

    [Official title]

    + +
    +
    +

    The Honourable [Minister 4 name]

    +

    [Official title]

    +
    +
    +
    +
    + Code sample + 
    <section class="ministers">
+	<h2>Minister(s)</h2>
+	<div class="row wb-eqht-grd">
+		<div class="col-md-6">
+			<div class="row">
+				<div class="pull-right col-md-7 col-xs-12">
+					<h3><a href="#">The Honourable [Minister 1 name]</a></h3>
+				</div>
+				<div class="col-md-5 col-xs-12">
+					<img src="./img/minister-200x250.jpg" alt="The Honourable [Minister 1 name]">
+				</div>
+				<div class="col-md-7 col-xs-12">
+					<p>[Official title]</p>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<div class="row">
+				<div class="pull-right col-md-7 col-xs-12">
+					<h3><a href="#">The Honourable [Minister 2 name with a very long name]</a></h3>
+				</div>
+				<div class="col-md-5 col-xs-12">
+					<img src="./img/minister-200x250.jpg" alt="The Honourable [Minister 2 name with a very long name]">
+				</div>
+				<div class="col-md-7 col-xs-12">
+					<p>[Official title]</p>
+					<ul>
+						<li><a href="">Mandate letter [optional]</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<h3><a href="#">The Honourable [Minister 3 name]</a></h3>
+			<p>[Official title]</p>
+			<ul>
+				<li><a href="">Mandate letter [optional]</a></li>
+				<li><a href="">Briefing book [optional]</a></li>
+			</ul>
+		</div>
+		<div class="col-md-6">
+			<h3><a href="#">The Honourable [Minister 4 name]</a></h3>
+			<p>[Official title]</p>
+		</div>
+	</div>
+</section>
    +
    diff --git a/components/gc-ministers/gc-ministers-fr.html b/components/gc-ministers/gc-ministers-fr.html new file mode 100644 index 0000000000..c31deb1217 --- /dev/null +++ b/components/gc-ministers/gc-ministers-fr.html @@ -0,0 +1,187 @@ +--- +{ + "title": "Ministre ou chef d'institution", + "description": "Exemples pratiques pour la composante « Ministre ou chef d'institution »", + "language": "fr", + "altLangPage": "gc-ministers-en.html", + "breadcrumbs": [ + { "title": "Ministre ou chef d'institution - Documentation", "link": "components/gc-ministers/gc-ministers-doc-fr.html" } + ], + "dateModified": "2024-03-11", + "pageClass": "wb-prettify all-pre" +} +--- + +

    Vous trouverez ci-dessous des exemples pratiques pour la composante « Ministre ou chef d'institution ».

    + +

    Exemple pour l'affichage par défaut

    +

    Cet exemple est destiné lorsque l’image, la lettre de mandat et le cahier d’information sont disponibles.

    +
    +

    Ministre(s)

    +
    +
    +
    +
    +

    L'honorable [prénom et nom de famille]

    +
    +
    L'honorable [prénom et nom de famille]
    +
    +

    [Titre officiel du ministre]

    + +
    +
    +
    +
    +
    +
    +

    L'honorable [prénom et nom de famille très long]

    +
    +
    L'honorable [prénom et nom de famille très long]
    +
    +

    [Titre officiel du ministre]

    + +
    +
    +
    +
    +
    +
    + Code + 
    <section class="ministers">
+	<h2>Ministre(s)</h2>
+	<div class="row wb-eqht-grd">
+		<div class="col-md-6">
+			<div class="row">
+				<div class="pull-right col-md-7 col-xs-12">
+					<h3><a href="#">L'honorable [prénom et nom de famille]</a></h3>
+				</div>
+				<div class="col-md-5 col-xs-12"><img src="./img/minister-200x250.jpg" alt="L'honorable [prénom et nom de famille]"></div>
+				<div class="col-md-7 col-xs-12">
+					<p>[Titre officiel du ministre]</p>
+					<ul>
+						<li><a href="">Lettre de mandat [facultatif]</a></li>
+						<li><a href="">Dossier d'information [facultatif]</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<div class="row">
+				<div class="pull-right col-md-7 col-xs-12">
+					<h3><a href="#">L'honorable [prénom et nom de famille très long]</a></h3>
+				</div>
+				<div class="col-md-5 col-xs-12"><img src="./img/minister-200x250.jpg" alt="L'honorable [prénom et nom de famille très long]"></div>
+				<div class="col-md-7 col-xs-12">
+					<p>[Titre officiel du ministre]</p>
+					<ul>
+						<li><a href="">Lettre de mandat [facultatif]</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</div>
+</section>
    +
    + +

    Exemple lorsqu'un ou plusieurs éléments ne sont pas disponibles

    +

    Cet exemple est destiné lorsque l'image, la lettre de mandat et/ou le dossier d'information ne sont pas disponibles.

    +
    +

    Ministre(s)

    +
    +
    +
    +
    +

    L'honorable [prénom et nom de famille très long 1]

    +
    +
    + L'honorable [prénom et nom de famille très long 1] +
    +
    +

    [Titre officiel du ministre]

    +
    +
    +
    +
    +
    +
    +

    L'honorable [prénom et nom de famille 2]

    +
    +
    + L'honorable [prénom et nom de famille 2] +
    +
    +

    [Titre officiel du ministre]

    + +
    +
    +
    +
    +

    L'honorable [prénom et nom de famille très long 3]

    +

    [Titre officiel du ministre]

    + +
    +
    +

    L'honorable [prénom et nom de famille très long 4]

    +

    [Titre officiel du ministre]

    +
    +
    +
    +
    + Code + 
    <section class="ministers">
+	<h2>Ministre(s)</h2>
+	<div class="row wb-eqht-grd">
+		<div class="col-md-6">
+			<div class="row">
+				<div class="pull-right col-md-7 col-xs-12">
+					<h3><a href="#">L'honorable [prénom et nom de famille très long 1]</a></h3>
+				</div>
+				<div class="col-md-5 col-xs-12">
+					<img src="./img/minister-200x250.jpg" alt="L'honorable [prénom et nom de famille très long 1]">
+				</div>
+				<div class="col-md-7 col-xs-12">
+					<p>[Titre officiel du ministre]</p>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<div class="row">
+				<div class="pull-right col-md-7 col-xs-12">
+					<h3><a href="#">L'honorable [prénom et nom de famille 2]</a></h3>
+				</div>
+				<div class="col-md-5 col-xs-12">
+					<img src="./img/minister-200x250.jpg" alt="L'honorable [prénom et nom de famille 2]">
+				</div>
+				<div class="col-md-7 col-xs-12">
+					<p>[Titre officiel du ministre]</p>
+					<ul>
+						<li><a href="">Lettre de mandat [facultatif]</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<h3><a href="#">L'honorable [prénom et nom de famille très long 3]</a></h3>
+			<p>[Titre officiel du ministre]</p>
+			<ul>
+				<li><a href="">Lettre de mandat [facultatif]</a></li>
+				<li><a href="">Dossier d'information [facultatif]</a></li>
+			</ul>
+		</div>
+		<div class="col-md-6">
+			<h3><a href="#">L'honorable [prénom et nom de famille très long 4]</a></h3>
+			<p>[Titre officiel du ministre]</p>
+		</div>
+	</div>
+</section>
    +
    diff --git a/design-patterns/gc-ministers/img/minister-200x250.jpg b/components/gc-ministers/img/minister-200x250.jpg similarity index 100% rename from design-patterns/gc-ministers/img/minister-200x250.jpg rename to components/gc-ministers/img/minister-200x250.jpg diff --git a/components/gc-ministers/index.json-ld b/components/gc-ministers/index.json-ld new file mode 100644 index 0000000000..c4dd1f36e5 --- /dev/null +++ b/components/gc-ministers/index.json-ld @@ -0,0 +1,169 @@ +{ + "@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-ministers", + "status": "stable", + "version": "1.0", + "pages": { + "examples": [ + { + "title": "Minister or institutional head", + "language": "en", + "path": "gc-ministers-en.html" + }, + { + "title": "Ministre ou chef d’institution", + "language": "fr", + "path": "gc-ministers-fr.html" + } + ], + "docs": [ + { + "title": "Minister or institutional head", + "language": "en", + "path": "gc-ministers-doc-en.html" + }, + { + "title": "Ministre ou chef d’institution", + "language": "fr", + "path": "gc-ministers-doc-fr.html" + } + ] + }, + "dependencies": "No dependency.", + "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_ministers_1", + "example": [ + { + "en": { "href": "gc-ministers-en.html", "text": "Minister or institutional head" }, + "fr": { "href": "gc-ministers-fr.html", "text": "Ministre ou chef d’institution" } + } + ], + "implementation": [ + "_:implement_ministers" + ], + "history": [ + { + "en": "March 2024 - Initial implementation of the variation.", + "fr": "Mars 2024 - Implémentation initiale de la variante." + } + ] + } + ], + "implementation": [ + { + "@id": "_:implement_ministers", + "iteration": "_:iteration_ministers_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." + ], + "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." + ] + }, + "notes": { + "en": [ + "Please refer to the working example for the HTML markup when there is no image." + ], + "fr": [ + "Veuillez vous référer à l'exemple pratique pour le balisage HTML lorsqu'il n'y a pas d'image." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 1 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 2]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code :", + "code": "
    \n\t

    Ministre(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    L'honorable [prénom et nom de famille]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"L'honorable\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    L'honorable [prénom et nom de famille]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"L'honorable\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
    " + } + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_ministers_1", + "name": "Ministers - Iteration 1", + "date": "2024-03", + "detectableBy": "section.ministers", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 1 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 2 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " + } + ] + } + ], + "changesets": [ + { + "@id": "_:cs_ministers", + "name": "Minister or institutional head", + "status": "stable", + "baseOnIteration": "_:iteration_ministers_1", + "detectableBy": "section.ministers", + "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 thick grey border (like a thumbnail).", + "context": "To be used in the institutional landing page template.", + "schema": [ + "Minister name", + "Minister title", + "Minister page URL", + "Minister image URL", + "Mandate letter text", + "Mandate letter URL", + "Briefing book text", + "Briefing book URL" + ] + } + ] +} diff --git a/design-patterns/gc-ministers/gc-ministers-en.html b/design-patterns/gc-ministers/gc-ministers-en.html deleted file mode 100644 index ff2f4df4e7..0000000000 --- a/design-patterns/gc-ministers/gc-ministers-en.html +++ /dev/null @@ -1,131 +0,0 @@ ---- -title: Minister or institutional head pattern -description: Documentation and working example for the minister or institutional head pattern -language: en -altLangPage: gc-ministers-fr.html -dateModified: 2024-01-29 -layout: no-container ---- -
    -

    {{ page.title }}

    - -

    The Minister or institutional head pattern identifies the relevant Minister(s) or head(s) for a department, agency or organization. It provides links to the official bio for an institution’s minister(s), associate minister(s), or institutional head, and may also include a headshot or links to mandate letters and briefing materials.

    -

    On this page

    - -

    Before you start

    -

    The Minister or institutional head pattern is mandatory on an institutional landing page. Consult the Canada.ca Design system guidance for using this component.

    - -

    Accessibility guidance

    -

    List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).

    -

    There is no accessibility guidance defined.

    -

    Variations

    -

    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
      • -
    -

    Minister or institutional head pattern

    -

    Minister(s)

    -
    -
    -
    -
    -
    The Honourable [Minister name] -
    -
    - -
    -
    -

    [Official title]

    - -
    -
    -
    -
    -
    -
    -
    -
    The Honourable [Minister name] -
    -
    - -
    -
    -

    [Official title]

    - -
    -
    -
    -
    -
    - -

    Code

    - 
    <h2 class="h3 mrgn-tp-md">Minister(s)</h2>
-		<div class="row mrgn-bttm-lg wb-eqht-grd">
-			<div class="col-md-6">
-				<div class="row">
-					<figure>
-						<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">The Honourable [Minister name]</a>
-						</figcaption>
-						<div class="col-md-5 col-xs-12">
-							<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
-						</div>
-						<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
-							<p class="ln-hght"><small>[Official title]</small></p>
-							<ul>
-								<li><small><a href="">Mandate letter [optional]<span class="wb-inv">: [Minister name]</span></a></small>
-								</li>
-								<li><small><a href="">Briefing book [optional]<span class="wb-inv">: [Minister name]</span></a></small>
-								</li>
-							</ul>
-						</div>
-					</figure>
-				</div>
-			</div>
-			<div class="col-md-6">
-				<div class="row">
-					<figure>
-						<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">The Honourable [Minister name]</a>
-						</figcaption>
-						<div class="col-md-5 col-xs-12">
-							<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
-						</div>
-						<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
-							<p class="ln-hght"><small>[Official title]</small></p>
-							<ul>
-								<li><small><a href="">Mandate letter [optional]<span class="wb-inv">: [Minister name]</span></a></small>
-								</li>
-							</ul>
-						</div>
-					</figure>
-				</div>
-			</div>
-		</div>
-
    - -

    Evaluation and report

    -

    There is no accessibility report.

    -

    There is no accessibility conformance report.

    -

    Technical documentation

    -
    -
    Status:
    stable
    -
    -
    diff --git a/design-patterns/gc-ministers/gc-ministers-fr.html b/design-patterns/gc-ministers/gc-ministers-fr.html deleted file mode 100644 index a65d53c6ef..0000000000 --- a/design-patterns/gc-ministers/gc-ministers-fr.html +++ /dev/null @@ -1,132 +0,0 @@ ---- -title: Ministre ou chef d’institution -description: Documentation and working example for the minister or institutional head pattern -language: en -altLangPage: gc-ministers-en.html -dateModified: 2024-01-29 -layout: no-container ---- -
    -

    {{ page.title }}

    - -

    La configuration de conception d’un ministre ou d’un chef d’institution indique le(s) ministre(s) ou chef(s) d’institution concernés d’un ministère, d’un organisme ou d’une organisation. Elle fournit des liens vers la biographie officielle du ou des ministres, ministres associés ou chefs d’institution, et elle peut également inclure un portrait ou des liens vers des lettres de mandat et des documents d’information.

    -

    Sur cette page

    - -

    Avant de commencer

    -

    La configuration de conception d’un ministre ou d’un chef d’institution est obligatoire sur les pages d’accueil institutionnelles. Consult the Canada.ca Design system guidance for using this component.

    - -

    Orientation en matière d’accessibilité

    -

    Liste des directives d’accessibilité à respecter pour veiller à ce que le composant soit utilisé dans le respect des directives d’accessibilité et de la norme EN 301 549 (y compris la norme WCAG 2.1, niveau AA).

    -

    Il n’y a pas de directives définies en matière d’accessibilité.

    -

    Variations

    -

    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
      • -
    -

    Ministre ou chef d’institution

    -

    Ministre(s)

    -
    -
    -
    -
    -
    L’honorable [nom de la ministre] -
    -
    - -
    -
    -

    [Titre officiel]

    - -
    -
    -
    -
    -
    -
    -
    -
    L’honorable [nom de la ministre] -
    -
    - -
    -
    -

    [Titre officiel]

    - -
    -
    -
    -
    -
    - -

    Code

    - 
    
-		<h2 class="h3 mrgn-tp-md">Ministre(s)</h2>
-		<div class="row mrgn-bttm-lg wb-eqht-grd">
-			<div class="col-md-6">
-				<div class="row">
-					<figure>
-						<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">L’honorable [nom de la ministre]</a>
-						</figcaption>
-						<div class="col-md-5 col-xs-12">
-							<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
-						</div>
-						<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
-							<p class="ln-hght"><small>[Titre officiel]</small></p>
-							<ul>
-								<li><small><a href="">Élément de liste : Lettre de mandat<span class="wb-inv">: [Nom de la ministre]</span></a></small>
-								</li>
-								<li><small><a href="">Élément de liste : Dossier d’information<span class="wb-inv">: [Nom de la ministre]</span></a></small>
-								</li>
-							</ul>
-						</div>
-					</figure>
-				</div>
-			</div>
-			<div class="col-md-6">
-				<div class="row">
-					<figure>
-						<figcaption class="pull-right col-md-7 col-xs-12 mrgn-tp-md bold"><a href="">L’honorable [Nom de la ministre]</a>
-						</figcaption>
-						<div class="col-md-5 col-xs-12">
-							<img src="./img/minister-200x250.jpg" alt="" class="img-responsive thumbnail mrgn-bttm-sm">
-						</div>
-						<div class="col-md-7 col-xs-12 ln-hght mrgn-tp-md">
-							<p class="ln-hght"><small>[Titre officiel]</small></p>
-							<ul>
-								<li><small><a href="">Élément de liste : Lettre de mandat [facultatif]<span class="wb-inv">: [Nom de la ministre]</span></a></small>
-								</li>
-							</ul>
-						</div>
-					</figure>
-				</div>
-			</div>
-		</div>
-
    -
    -

    Evaluation and report

    -

    Il n’y a pas de rapport d’accessibilité.

    -

    Il n’y a pas de rapport de conformité en matière d’accessibilité.

    -

    Documentation technique

    -
    -
    Statut :
    stable
    -
    -
    diff --git a/design-patterns/gc-ministers/index.json-ld b/design-patterns/gc-ministers/index.json-ld deleted file mode 100644 index e895e57412..0000000000 --- a/design-patterns/gc-ministers/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": "Minister or institutional head pattern - Documentation and working example", - "fr": "Ministre ou chef d’institution - Documentation et example pratique" - }, - "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 responsable de l'institution sur la page d'accueil de l'institution." - }, - "modified": "2024-01-29", - "componentName": "gc-ministers", - "status": "stable", - "pages": { - "examples": [ - { - "title": "Minister or institutional head pattern - Documentation and working example", - "language": "en", - "path": "gc-ministers-en.html" - }, - { - "title": "Ministre ou chef d’institution - Documentation et example pratique", - "language": "fr", - "path": "gc-ministers-fr.html" - } - ] - } -} diff --git a/sites/theme.scss b/sites/theme.scss index 13308979a1..a8b406b25b 100644 --- a/sites/theme.scss +++ b/sites/theme.scss @@ -173,6 +173,7 @@ @import "../components/dshbrd/base"; @import "../components/triangle-up"; @import "../components/gc-follow-us/base"; +@import "../components/gc-ministers/base"; @import "../components/fd-wdgt"; @import "../components/pagination/base"; @import "../components/toc/base"; From defb350ea06a998e0ac2578d74e426f28aadc4ee Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Garneau?= Date: Wed, 13 Mar 2024 15:54:24 -0400 Subject: [PATCH 050/161] GC-Ministers: Fixing documentation --- _data/components.json | 42 ++-- .../gc-minister-special-cases.html | 46 +++++ .../gc-minister-two-ministers.html | 39 ++++ .../components/gc-minister/gc-minister.html | 22 ++ .../{gc-ministers => gc-minister}/_base.scss | 7 +- .../gc-minister-doc-en.html} | 2 +- .../gc-minister-doc-fr.html} | 2 +- components/gc-minister/gc-minister-en.html | 37 ++++ components/gc-minister/gc-minister-fr.html | 37 ++++ .../img/minister-200x250.jpg | Bin components/gc-minister/index.json-ld | 169 +++++++++++++++ .../samples/gc-minister-special-cases.html | 46 +++++ .../samples/gc-minister-two-ministers.html | 39 ++++ .../gc-minister/samples/gc-minister.html | 22 ++ components/gc-ministers/gc-ministers-en.html | 195 ------------------ components/gc-ministers/gc-ministers-fr.html | 187 ----------------- components/gc-ministers/index.json-ld | 169 --------------- sites/theme.scss | 2 +- 18 files changed, 484 insertions(+), 579 deletions(-) create mode 100644 _includes/components/gc-minister/gc-minister-special-cases.html create mode 100644 _includes/components/gc-minister/gc-minister-two-ministers.html create mode 100644 _includes/components/gc-minister/gc-minister.html rename components/{gc-ministers => gc-minister}/_base.scss (77%) rename components/{gc-ministers/gc-ministers-doc-en.html => gc-minister/gc-minister-doc-en.html} (84%) rename components/{gc-ministers/gc-ministers-doc-fr.html => gc-minister/gc-minister-doc-fr.html} (86%) create mode 100644 components/gc-minister/gc-minister-en.html create mode 100644 components/gc-minister/gc-minister-fr.html rename components/{gc-ministers => gc-minister}/img/minister-200x250.jpg (100%) create mode 100644 components/gc-minister/index.json-ld create mode 100644 components/gc-minister/samples/gc-minister-special-cases.html create mode 100644 components/gc-minister/samples/gc-minister-two-ministers.html create mode 100644 components/gc-minister/samples/gc-minister.html delete mode 100644 components/gc-ministers/gc-ministers-en.html delete mode 100644 components/gc-ministers/gc-ministers-fr.html delete mode 100644 components/gc-ministers/index.json-ld diff --git a/_data/components.json b/_data/components.json index e2e0869420..68927f997a 100644 --- a/_data/components.json +++ b/_data/components.json @@ -720,7 +720,7 @@ "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-ministers", + "componentName": "gc-minister", "status": "stable", "version": "1.0", "pages": { @@ -728,24 +728,24 @@ { "title": "Minister or institutional head", "language": "en", - "path": "gc-ministers-en.html" + "path": "gc-minister-en.html" }, { "title": "Ministre ou chef d’institution", "language": "fr", - "path": "gc-ministers-fr.html" + "path": "gc-minister-fr.html" } ], "docs": [ { "title": "Minister or institutional head", "language": "en", - "path": "gc-ministers-doc-en.html" + "path": "gc-minister-doc-en.html" }, { "title": "Ministre ou chef d’institution", "language": "fr", - "path": "gc-ministers-doc-fr.html" + "path": "gc-minister-doc-fr.html" } ] }, @@ -766,15 +766,15 @@ "en": "https://design.canada.ca/mandatory-templates/institutional-profile-pages.html", "fr": "https://conception.canada.ca/modeles-obligatoire/pages-profil-institutionnel.html" }, - "iteration": "_:iteration_ministers_1", + "iteration": "_:iteration_minister_1", "example": [ { - "en": { "href": "gc-ministers-en.html", "text": "Minister or institutional head" }, - "fr": { "href": "gc-ministers-fr.html", "text": "Ministre ou chef d’institution" } + "en": { "href": "gc-minister-en.html", "text": "Minister or institutional head" }, + "fr": { "href": "gc-minister-fr.html", "text": "Ministre ou chef d’institution" } } ], "implementation": [ - "_:implement_ministers" + "_:implement_minister" ], "history": [ { @@ -786,8 +786,8 @@ ], "implementation": [ { - "@id": "_:implement_ministers", - "iteration": "_:iteration_ministers_1", + "@id": "_:implement_minister", + "iteration": "_:iteration_minister_1", "name": { "en": "Standard", "fr": "Standard" @@ -819,14 +819,14 @@ { "@type": "source-code", "description": "Code sample:", - "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 1 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 2]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " + "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " } ], "fr": [ { "@type": "source-code", "description": "Exemple de code :", - "code": "
    \n\t

    Ministre(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    L'honorable [prénom et nom de famille]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"L'honorable\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    L'honorable [prénom et nom de famille]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"L'honorable\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
    " + "code": "
    \n\t

    Ministre(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    L'honorable [prénom et nom de famille]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"L'honorable\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
    " } ] } @@ -834,30 +834,30 @@ ], "iteration": [ { - "@id": "_:iteration_ministers_1", - "name": "Ministers - Iteration 1", + "@id": "_:iteration_minister_1", + "name": "Minister - Iteration 1", "date": "2024-03", - "detectableBy": "section.ministers", + "detectableBy": ".gc-minister", "assets": [ { "@type": "source-code", "@language": "en", "description": "Code sample", - "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 1 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 2 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " + "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " } ] } ], "changesets": [ { - "@id": "_:cs_ministers", + "@id": "_:cs_minister", "name": "Minister or institutional head", "status": "stable", - "baseOnIteration": "_:iteration_ministers_1", - "detectableBy": "section.ministers", + "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 think grey border (like a thumbnail).", + "style": "The image has a thin grey border.", "context": "To be used in the institutional landing page template.", "schema": [ "Minister name", 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..5ddfac179f --- /dev/null +++ b/_includes/components/gc-minister/gc-minister-special-cases.html @@ -0,0 +1,46 @@ +
    +

    {% if page.language == "en" %}Minister(s){% else %}Ministre(s){% endif %}

    +
    +
    +
    +
    +

    {% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

    +
    +
    + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} +
    +
    +

    {% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

    +
    +
    +
    +
    +
    +
    +

    The Honourable [Minister 2 name with a very long name]

    +
    +
    + The Honourable [Minister 2 name with a very long name] +
    +
    +

    {% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

    + +
    +
    +
    +
    +

    The Honourable [Minister 3 name]

    +

    {% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

    + +
    +
    +

    The Honourable [Minister 4 name]

    +

    {% 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..7c858e4d05 --- /dev/null +++ b/_includes/components/gc-minister/gc-minister-two-ministers.html @@ -0,0 +1,39 @@ +
    +

    {% if page.language == "en" %}Minister(s){% else %}Ministre(s){% endif %}

    +
    +
    +
    +
    +

    {% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

    +
    +
    + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} +
    +
    +

    {% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

    + +
    +
    +
    +
    +
    +
    +

    {% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

    +
    +
    + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% 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..f8ecb84be3 --- /dev/null +++ b/_includes/components/gc-minister/gc-minister.html @@ -0,0 +1,22 @@ +
    +

    {% if page.language == "en" %}Minister(s){% else %}Ministre(s){% endif %}

    +
    +
    +
    +
    +

    {% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

    +
    +
    + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} +
    +
    +

    {% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

    + +
    +
    +
    +
    +
    diff --git a/components/gc-ministers/_base.scss b/components/gc-minister/_base.scss similarity index 77% rename from components/gc-ministers/_base.scss rename to components/gc-minister/_base.scss index c04ff53925..3e5ffde2ad 100644 --- a/components/gc-ministers/_base.scss +++ b/components/gc-minister/_base.scss @@ -2,7 +2,7 @@ GC Ministers */ -.ministers { +.gc-minister { margin-bottom: 15px; h3 { @@ -17,9 +17,8 @@ } img { - @extend .img-responsive; - @extend .thumbnail; - + border: 1px #ddd solid; margin-bottom: 15px; + max-width: 100%; } } diff --git a/components/gc-ministers/gc-ministers-doc-en.html b/components/gc-minister/gc-minister-doc-en.html similarity index 84% rename from components/gc-ministers/gc-ministers-doc-en.html rename to components/gc-minister/gc-minister-doc-en.html index 24962855fd..c4d9fa80ba 100644 --- a/components/gc-ministers/gc-ministers-doc-en.html +++ b/components/gc-minister/gc-minister-doc-en.html @@ -2,7 +2,7 @@ title: Minister or institutional head description: Documentation for the "Minister or institutional head" design pattern language: en -altLangPage: gc-ministers-doc-fr.html +altLangPage: gc-minister-doc-fr.html dateModified: 2024-03-11 layout: documentation index_json: index.json-ld diff --git a/components/gc-ministers/gc-ministers-doc-fr.html b/components/gc-minister/gc-minister-doc-fr.html similarity index 86% rename from components/gc-ministers/gc-ministers-doc-fr.html rename to components/gc-minister/gc-minister-doc-fr.html index 3c40966e93..e50da20587 100644 --- a/components/gc-ministers/gc-ministers-doc-fr.html +++ b/components/gc-minister/gc-minister-doc-fr.html @@ -2,7 +2,7 @@ title: Ministre ou chef d’institution description: Documentation pour la configuration de conception « Ministre ou chef d’institution » language: fr -altLangPage: gc-ministers-doc-en.html +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..7eee235005 --- /dev/null +++ b/components/gc-minister/gc-minister-en.html @@ -0,0 +1,37 @@ +--- +{ + "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-03-11", +} +--- +
    + +

    Below are working examples for the "Minster or institutional head" component.

    + +

    Example with only one minister or institutional head

    +{% include_relative samples/gc-minister.html %} +
    + Code sample + {% highlight html %}{% include_relative samples/gc-minister.html %}{% endhighlight %} +
    + +

    Example with multiple ministers or institutional heads

    +{% include_relative samples/gc-minister-two-ministers.html %} +
    + Code sample + {% highlight html %}{% include_relative samples/gc-minister-two-ministers.html %}{% endhighlight %} +
    + +

    Example when one or more elements are not available

    +

    This example is meant for 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-fr.html b/components/gc-minister/gc-minister-fr.html new file mode 100644 index 0000000000..512bd822bc --- /dev/null +++ b/components/gc-minister/gc-minister-fr.html @@ -0,0 +1,37 @@ +--- +{ + "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-03-11" +} +--- +
    + +

    Vous trouverez ci-dessous des exemples pratiques pour la composante « Ministre ou chef d'institution ».

    + +

    Exemple un(e) seul(e) ministre ou chef d'institution

    +{% include_relative samples/gc-minister.html %} +
    + Code sample + {% highlight html %}{% include_relative samples/gc-minister.html %}{% endhighlight %} +
    + +

    Exemple plusieurs ministres ou chefs d'institution

    +{% include_relative samples/gc-minister-two-ministers.html %} +
    + Code sample + {% highlight html %}{% include_relative samples/gc-minister-two-ministers.html %}{% endhighlight %} +
    + +

    Exemple lorsqu'un ou plusieurs éléments ne sont pas disponibles

    +

    Cet exemple est destiné 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 %} +
    + Code sample + {% highlight html %}{% include_relative samples/gc-minister-special-cases.html %}{% endhighlight %} +
    diff --git a/components/gc-ministers/img/minister-200x250.jpg b/components/gc-minister/img/minister-200x250.jpg similarity index 100% rename from components/gc-ministers/img/minister-200x250.jpg rename to components/gc-minister/img/minister-200x250.jpg diff --git a/components/gc-minister/index.json-ld b/components/gc-minister/index.json-ld new file mode 100644 index 0000000000..02f08ce609 --- /dev/null +++ b/components/gc-minister/index.json-ld @@ -0,0 +1,169 @@ +{ + "@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" + } + ], + "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" + } + ] + }, + "dependencies": "No dependency.", + "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" } + } + ], + "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." + ], + "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." + ] + }, + "notes": { + "en": [ + "Please refer to the working example for the HTML markup when there is no image." + ], + "fr": [ + "Veuillez vous référer à l'exemple pratique pour le balisage HTML lorsqu'il n'y a pas d'image." + ] + }, + "sample": { + "en": [ + { + "@type": "source-code", + "description": "Code sample:", + "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " + } + ], + "fr": [ + { + "@type": "source-code", + "description": "Exemple de code :", + "code": "
    \n\t

    Ministre(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    L'honorable [prénom et nom de famille]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"L'honorable\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
    " + } + ] + } + } + ], + "iteration": [ + { + "@id": "_:iteration_minister_1", + "name": "Minister - Iteration 1", + "date": "2024-03", + "detectableBy": ".gc-minister", + "assets": [ + { + "@type": "source-code", + "@language": "en", + "description": "Code sample", + "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " + } + ] + } + ], + "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": [ + "Minister name", + "Minister title", + "Minister page URL", + "Minister image URL", + "Mandate letter text", + "Mandate letter URL", + "Briefing book text", + "Briefing book URL" + ] + } + ] +} 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..5ddfac179f --- /dev/null +++ b/components/gc-minister/samples/gc-minister-special-cases.html @@ -0,0 +1,46 @@ +
    +

    {% if page.language == "en" %}Minister(s){% else %}Ministre(s){% endif %}

    +
    +
    +
    +
    +

    {% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

    +
    +
    + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} +
    +
    +

    {% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

    +
    +
    +
    +
    +
    +
    +

    The Honourable [Minister 2 name with a very long name]

    +
    +
    + The Honourable [Minister 2 name with a very long name] +
    +
    +

    {% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

    + +
    +
    +
    +
    +

    The Honourable [Minister 3 name]

    +

    {% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

    + +
    +
    +

    The Honourable [Minister 4 name]

    +

    {% 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..7c858e4d05 --- /dev/null +++ b/components/gc-minister/samples/gc-minister-two-ministers.html @@ -0,0 +1,39 @@ +
    +

    {% if page.language == "en" %}Minister(s){% else %}Ministre(s){% endif %}

    +
    +
    +
    +
    +

    {% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

    +
    +
    + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} +
    +
    +

    {% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

    + +
    +
    +
    +
    +
    +
    +

    {% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

    +
    +
    + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% 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..f8ecb84be3 --- /dev/null +++ b/components/gc-minister/samples/gc-minister.html @@ -0,0 +1,22 @@ +
    +

    {% if page.language == "en" %}Minister(s){% else %}Ministre(s){% endif %}

    +
    +
    +
    +
    +

    {% if page.language == "en" %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %}

    +
    +
    + {% if page.language == 'en' %}The Honourable [Minister name]{% else %}L'honorable [prénom et nom de famille]{% endif %} +
    +
    +

    {% if page.language == "en" %}[Official title]{% else %}[Titre officiel du ministre]{% endif %}

    + +
    +
    +
    +
    +
    diff --git a/components/gc-ministers/gc-ministers-en.html b/components/gc-ministers/gc-ministers-en.html deleted file mode 100644 index 1674966ae4..0000000000 --- a/components/gc-ministers/gc-ministers-en.html +++ /dev/null @@ -1,195 +0,0 @@ ---- -{ - "title": "Minister or institutional head", - "description": "Working example for the 'Minister or institutional head' component", - "language": "en", - "altLangPage": "gc-ministers-fr.html", - "breadcrumbs": [ - { "title": "Minister or institutional head - Documentation", "link": "components/gc-ministers/gc-ministers-doc-en.html" } - ], - "dateModified": "2024-03-11", - "pageClass": "wb-prettify all-pre" -} ---- - -

    Below are working examples for the "Minster or institutional head" component.

    - -

    Default layout example

    -

    This example is meant for when the image, mandate letter, and briefing book are available.

    -
    -

    Minister(s)

    -
    -
    -
    -
    -

    The Honourable [Minister 1 name]

    -
    -
    - The Honourable [Minister 1 name] -
    -
    -

    [Official title]

    - -
    -
    -
    -
    -
    -
    -

    The Honourable [Minister 2 name with a very long name]

    -
    -
    - The Honourable [Minister 2 name with a very long name] -
    -
    -

    [Official title]

    - -
    -
    -
    -
    -
    -
    - Code sample - 
    <section class="ministers">
-	<h2>Minister(s)</h2>
-	<div class="row wb-eqht-grd">
-		<div class="col-md-6">
-			<div class="row">
-				<div class="pull-right col-md-7 col-xs-12">
-					<h3><a href="#">The Honourable [Minister 1 name]</a></h3>
-				</div>
-				<div class="col-md-5 col-xs-12">
-					<img src="./img/minister-200x250.jpg" alt="The Honourable [Minister 1 name]">
-				</div>
-				<div class="col-md-7 col-xs-12">
-					<p>[Official title]</p>
-					<ul>
-						<li><a href="">Mandate letter [optional]</a></li>
-						<li><a href="">Briefing book [optional]</a></li>
-					</ul>
-				</div>
-			</div>
-		</div>
-		<div class="col-md-6">
-			<div class="row">
-				<div class="pull-right col-md-7 col-xs-12">
-					<h3><a href="#">The Honourable [Minister 2 name with a very long name]</a></h3>
-				</div>
-				<div class="col-md-5 col-xs-12">
-					<img src="./img/minister-200x250.jpg" alt="The Honourable [Minister 2 name with a very long name]">
-				</div>
-				<div class="col-md-7 col-xs-12">
-					<p>[Official title]</p>
-					<ul>
-						<li><a href="">Mandate letter [optional]</a></li>
-					</ul>
-				</div>
-			</div>
-		</div>
-	</div>
-</section>
    -
    - -

    Example when one or more elements are not available

    -

    This example is meant for when the image, mandate letter, and/or briefing book are not available.

    -
    -

    Minister(s)

    -
    -
    -
    -
    -

    The Honourable [Minister 1 name]

    -
    -
    - The Honourable [Minister 1 name] -
    -
    -

    [Official title]

    -
    -
    -
    -
    -
    -
    -

    The Honourable [Minister 2 name with a very long name]

    -
    -
    - The Honourable [Minister 2 name with a very long name] -
    -
    -

    [Official title]

    - -
    -
    -
    -
    -

    The Honourable [Minister 3 name]

    -

    [Official title]

    - -
    -
    -

    The Honourable [Minister 4 name]

    -

    [Official title]

    -
    -
    -
    -
    - Code sample - 
    <section class="ministers">
-	<h2>Minister(s)</h2>
-	<div class="row wb-eqht-grd">
-		<div class="col-md-6">
-			<div class="row">
-				<div class="pull-right col-md-7 col-xs-12">
-					<h3><a href="#">The Honourable [Minister 1 name]</a></h3>
-				</div>
-				<div class="col-md-5 col-xs-12">
-					<img src="./img/minister-200x250.jpg" alt="The Honourable [Minister 1 name]">
-				</div>
-				<div class="col-md-7 col-xs-12">
-					<p>[Official title]</p>
-				</div>
-			</div>
-		</div>
-		<div class="col-md-6">
-			<div class="row">
-				<div class="pull-right col-md-7 col-xs-12">
-					<h3><a href="#">The Honourable [Minister 2 name with a very long name]</a></h3>
-				</div>
-				<div class="col-md-5 col-xs-12">
-					<img src="./img/minister-200x250.jpg" alt="The Honourable [Minister 2 name with a very long name]">
-				</div>
-				<div class="col-md-7 col-xs-12">
-					<p>[Official title]</p>
-					<ul>
-						<li><a href="">Mandate letter [optional]</a></li>
-					</ul>
-				</div>
-			</div>
-		</div>
-		<div class="col-md-6">
-			<h3><a href="#">The Honourable [Minister 3 name]</a></h3>
-			<p>[Official title]</p>
-			<ul>
-				<li><a href="">Mandate letter [optional]</a></li>
-				<li><a href="">Briefing book [optional]</a></li>
-			</ul>
-		</div>
-		<div class="col-md-6">
-			<h3><a href="#">The Honourable [Minister 4 name]</a></h3>
-			<p>[Official title]</p>
-		</div>
-	</div>
-</section>
    -
    diff --git a/components/gc-ministers/gc-ministers-fr.html b/components/gc-ministers/gc-ministers-fr.html deleted file mode 100644 index c31deb1217..0000000000 --- a/components/gc-ministers/gc-ministers-fr.html +++ /dev/null @@ -1,187 +0,0 @@ ---- -{ - "title": "Ministre ou chef d'institution", - "description": "Exemples pratiques pour la composante « Ministre ou chef d'institution »", - "language": "fr", - "altLangPage": "gc-ministers-en.html", - "breadcrumbs": [ - { "title": "Ministre ou chef d'institution - Documentation", "link": "components/gc-ministers/gc-ministers-doc-fr.html" } - ], - "dateModified": "2024-03-11", - "pageClass": "wb-prettify all-pre" -} ---- - -

    Vous trouverez ci-dessous des exemples pratiques pour la composante « Ministre ou chef d'institution ».

    - -

    Exemple pour l'affichage par défaut

    -

    Cet exemple est destiné lorsque l’image, la lettre de mandat et le cahier d’information sont disponibles.

    -
    -

    Ministre(s)

    -
    -
    -
    -
    -

    L'honorable [prénom et nom de famille]

    -
    -
    L'honorable [prénom et nom de famille]
    -
    -

    [Titre officiel du ministre]

    - -
    -
    -
    -
    -
    -
    -

    L'honorable [prénom et nom de famille très long]

    -
    -
    L'honorable [prénom et nom de famille très long]
    -
    -

    [Titre officiel du ministre]

    - -
    -
    -
    -
    -
    -
    - Code - 
    <section class="ministers">
-	<h2>Ministre(s)</h2>
-	<div class="row wb-eqht-grd">
-		<div class="col-md-6">
-			<div class="row">
-				<div class="pull-right col-md-7 col-xs-12">
-					<h3><a href="#">L'honorable [prénom et nom de famille]</a></h3>
-				</div>
-				<div class="col-md-5 col-xs-12"><img src="./img/minister-200x250.jpg" alt="L'honorable [prénom et nom de famille]"></div>
-				<div class="col-md-7 col-xs-12">
-					<p>[Titre officiel du ministre]</p>
-					<ul>
-						<li><a href="">Lettre de mandat [facultatif]</a></li>
-						<li><a href="">Dossier d'information [facultatif]</a></li>
-					</ul>
-				</div>
-			</div>
-		</div>
-		<div class="col-md-6">
-			<div class="row">
-				<div class="pull-right col-md-7 col-xs-12">
-					<h3><a href="#">L'honorable [prénom et nom de famille très long]</a></h3>
-				</div>
-				<div class="col-md-5 col-xs-12"><img src="./img/minister-200x250.jpg" alt="L'honorable [prénom et nom de famille très long]"></div>
-				<div class="col-md-7 col-xs-12">
-					<p>[Titre officiel du ministre]</p>
-					<ul>
-						<li><a href="">Lettre de mandat [facultatif]</a></li>
-					</ul>
-				</div>
-			</div>
-		</div>
-	</div>
-</section>
    -
    - -

    Exemple lorsqu'un ou plusieurs éléments ne sont pas disponibles

    -

    Cet exemple est destiné lorsque l'image, la lettre de mandat et/ou le dossier d'information ne sont pas disponibles.

    -
    -

    Ministre(s)

    -
    -
    -
    -
    -

    L'honorable [prénom et nom de famille très long 1]

    -
    -
    - L'honorable [prénom et nom de famille très long 1] -
    -
    -

    [Titre officiel du ministre]

    -
    -
    -
    -
    -
    -
    -

    L'honorable [prénom et nom de famille 2]

    -
    -
    - L'honorable [prénom et nom de famille 2] -
    -
    -

    [Titre officiel du ministre]

    - -
    -
    -
    -
    -

    L'honorable [prénom et nom de famille très long 3]

    -

    [Titre officiel du ministre]

    - -
    -
    -

    L'honorable [prénom et nom de famille très long 4]

    -

    [Titre officiel du ministre]

    -
    -
    -
    -
    - Code - 
    <section class="ministers">
-	<h2>Ministre(s)</h2>
-	<div class="row wb-eqht-grd">
-		<div class="col-md-6">
-			<div class="row">
-				<div class="pull-right col-md-7 col-xs-12">
-					<h3><a href="#">L'honorable [prénom et nom de famille très long 1]</a></h3>
-				</div>
-				<div class="col-md-5 col-xs-12">
-					<img src="./img/minister-200x250.jpg" alt="L'honorable [prénom et nom de famille très long 1]">
-				</div>
-				<div class="col-md-7 col-xs-12">
-					<p>[Titre officiel du ministre]</p>
-				</div>
-			</div>
-		</div>
-		<div class="col-md-6">
-			<div class="row">
-				<div class="pull-right col-md-7 col-xs-12">
-					<h3><a href="#">L'honorable [prénom et nom de famille 2]</a></h3>
-				</div>
-				<div class="col-md-5 col-xs-12">
-					<img src="./img/minister-200x250.jpg" alt="L'honorable [prénom et nom de famille 2]">
-				</div>
-				<div class="col-md-7 col-xs-12">
-					<p>[Titre officiel du ministre]</p>
-					<ul>
-						<li><a href="">Lettre de mandat [facultatif]</a></li>
-					</ul>
-				</div>
-			</div>
-		</div>
-		<div class="col-md-6">
-			<h3><a href="#">L'honorable [prénom et nom de famille très long 3]</a></h3>
-			<p>[Titre officiel du ministre]</p>
-			<ul>
-				<li><a href="">Lettre de mandat [facultatif]</a></li>
-				<li><a href="">Dossier d'information [facultatif]</a></li>
-			</ul>
-		</div>
-		<div class="col-md-6">
-			<h3><a href="#">L'honorable [prénom et nom de famille très long 4]</a></h3>
-			<p>[Titre officiel du ministre]</p>
-		</div>
-	</div>
-</section>
    -
    diff --git a/components/gc-ministers/index.json-ld b/components/gc-ministers/index.json-ld deleted file mode 100644 index c4dd1f36e5..0000000000 --- a/components/gc-ministers/index.json-ld +++ /dev/null @@ -1,169 +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": "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-ministers", - "status": "stable", - "version": "1.0", - "pages": { - "examples": [ - { - "title": "Minister or institutional head", - "language": "en", - "path": "gc-ministers-en.html" - }, - { - "title": "Ministre ou chef d’institution", - "language": "fr", - "path": "gc-ministers-fr.html" - } - ], - "docs": [ - { - "title": "Minister or institutional head", - "language": "en", - "path": "gc-ministers-doc-en.html" - }, - { - "title": "Ministre ou chef d’institution", - "language": "fr", - "path": "gc-ministers-doc-fr.html" - } - ] - }, - "dependencies": "No dependency.", - "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_ministers_1", - "example": [ - { - "en": { "href": "gc-ministers-en.html", "text": "Minister or institutional head" }, - "fr": { "href": "gc-ministers-fr.html", "text": "Ministre ou chef d’institution" } - } - ], - "implementation": [ - "_:implement_ministers" - ], - "history": [ - { - "en": "March 2024 - Initial implementation of the variation.", - "fr": "Mars 2024 - Implémentation initiale de la variante." - } - ] - } - ], - "implementation": [ - { - "@id": "_:implement_ministers", - "iteration": "_:iteration_ministers_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." - ], - "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." - ] - }, - "notes": { - "en": [ - "Please refer to the working example for the HTML markup when there is no image." - ], - "fr": [ - "Veuillez vous référer à l'exemple pratique pour le balisage HTML lorsqu'il n'y a pas d'image." - ] - }, - "sample": { - "en": [ - { - "@type": "source-code", - "description": "Code sample:", - "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 1 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 2]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " - } - ], - "fr": [ - { - "@type": "source-code", - "description": "Exemple de code :", - "code": "
    \n\t

    Ministre(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    L'honorable [prénom et nom de famille]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"L'honorable\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    L'honorable [prénom et nom de famille]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"L'honorable\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
    " - } - ] - } - } - ], - "iteration": [ - { - "@id": "_:iteration_ministers_1", - "name": "Ministers - Iteration 1", - "date": "2024-03", - "detectableBy": "section.ministers", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": "
    \n\t

    Minister(s)

    \n\t
    \n\t\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 1 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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\t
    \n\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t

    The Honourable [Minister 2 name]

    \n\t\t\t\t
    \n\t\t\t\t
    \n\t\t\t\t\t\"The\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
    " - } - ] - } - ], - "changesets": [ - { - "@id": "_:cs_ministers", - "name": "Minister or institutional head", - "status": "stable", - "baseOnIteration": "_:iteration_ministers_1", - "detectableBy": "section.ministers", - "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 thick grey border (like a thumbnail).", - "context": "To be used in the institutional landing page template.", - "schema": [ - "Minister name", - "Minister title", - "Minister page URL", - "Minister image URL", - "Mandate letter text", - "Mandate letter URL", - "Briefing book text", - "Briefing book URL" - ] - } - ] -} diff --git a/sites/theme.scss b/sites/theme.scss index a8b406b25b..00fde0c072 100644 --- a/sites/theme.scss +++ b/sites/theme.scss @@ -173,7 +173,7 @@ @import "../components/dshbrd/base"; @import "../components/triangle-up"; @import "../components/gc-follow-us/base"; -@import "../components/gc-ministers/base"; +@import "../components/gc-minister/base"; @import "../components/fd-wdgt"; @import "../components/pagination/base"; @import "../components/toc/base"; From 5dbcfabf347d626711055927862b509e7cbbf39a Mon Sep 17 00:00:00 2001 From: hongbinyu413 Date: Fri, 15 Mar 2024 00:25:25 -0400 Subject: [PATCH 051/161] Content - Skip link - WCAG assessment (#2205) * wet-372 Conduct WCAG pre-assessment for Skip Links (GCWeb) --------- Co-authored-by: hongbinyu413 Co-authored-by: AtlakM Co-authored-by: AtlakM <159801458+AtlakM@users.noreply.github.com> --- sites/skiplinks/index.json-ld | 17 +- sites/skiplinks/reports/a11y-1-en.html | 15 + sites/skiplinks/reports/a11y-1-fr.html | 15 + sites/skiplinks/reports/pre-a11y-1.json | 589 ++++++++++++++++++++++++ 4 files changed, 634 insertions(+), 2 deletions(-) create mode 100644 sites/skiplinks/reports/a11y-1-en.html create mode 100644 sites/skiplinks/reports/a11y-1-fr.html create mode 100644 sites/skiplinks/reports/pre-a11y-1.json diff --git a/sites/skiplinks/index.json-ld b/sites/skiplinks/index.json-ld index 643d8f4514..1eed2e6e1e 100644 --- a/sites/skiplinks/index.json-ld +++ b/sites/skiplinks/index.json-ld @@ -14,11 +14,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", @@ -29,6 +30,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/sites/skiplinks/reports/a11y-1-en.html b/sites/skiplinks/reports/a11y-1-en.html new file mode 100644 index 0000000000..086dcf170b --- /dev/null +++ b/sites/skiplinks/reports/a11y-1-en.html @@ -0,0 +1,15 @@ +--- +{ + "title": "Accessibility assessment #1 - Skip links", + "language": "en", + "description": "Evaluation of Success Criteria at Level A and Level AA of WCAG 2.1", + "tag": "skiplinks", + "parentdir": "skiplinks", + "parentPage": "Skip links", + "parentPageURL": "skiplinks", + "altLangPage": "a11y-1-fr.html", + "dateModified": "2023-07-06", + "layout": "assessment_wrote_en-en", + "reportURL": "pre-a11y-1.json" +} +--- diff --git a/sites/skiplinks/reports/a11y-1-fr.html b/sites/skiplinks/reports/a11y-1-fr.html new file mode 100644 index 0000000000..ab2b9642b2 --- /dev/null +++ b/sites/skiplinks/reports/a11y-1-fr.html @@ -0,0 +1,15 @@ +--- +{ + "title": "Assessment d'accessibilité #1 - Liens de saut de page", + "language": "fr", + "description": "Évaluation des critères de succès aux niveaux A et AA du WCAG 2.1", + "tag": "skiplinks", + "parentdir": "skiplinks", + "parentPage": "Liens de saut de page", + "parentPageURL": "skiplinks", + "altLangPage": "a11y-1-en.html", + "dateModified": "2023-07-06", + "layout": "assessment_wrote_en-fr", + "reportURL": "pre-a11y-1.json" +} +--- diff --git a/sites/skiplinks/reports/pre-a11y-1.json b/sites/skiplinks/reports/pre-a11y-1.json new file mode 100644 index 0000000000..94c03b9086 --- /dev/null +++ b/sites/skiplinks/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/sites/skiplinks/skiplinks-en.html", + "@type": [ + "earl:TestSubject", + "schema:WebPage" + ], + "dct:description": "Accessibility conformance reports of Skip links", + "earl:pointer": { + "@type": "oa:CssSelector", + "@value": "nav:has( #wb-tphp )" + } + }, + + "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: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: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"] + } + ] +} From 320ac3ddcdd0f890f43499d98e7ad6713a21aa5b Mon Sep 17 00:00:00 2001 From: shiva-sc <54443656+shiva-sc@users.noreply.github.com> Date: Fri, 15 Mar 2024 00:28:29 -0400 Subject: [PATCH 052/161] Content - Page details - pre accessibility assessment (#2215) * WCAG upgrade -- added Page Details pre accessibility assessment --------- Co-authored-by: AtlakM <159801458+AtlakM@users.noreply.github.com> Co-authored-by: AtlakM --- sites/page-details/index.json-ld | 22 + sites/page-details/reports/pre-a11y-1-en.html | 15 + sites/page-details/reports/pre-a11y-1-fr.html | 15 + sites/page-details/reports/pre-a11y-1.json | 593 ++++++++++++++++++ .../reports/pre-a11y-basic-html-1-en.html | 15 + .../reports/pre-a11y-basic-html-1-fr.html | 15 + .../reports/pre-a11y-basic-html-1.json | 593 ++++++++++++++++++ 7 files changed, 1268 insertions(+) create mode 100644 sites/page-details/reports/pre-a11y-1-en.html create mode 100644 sites/page-details/reports/pre-a11y-1-fr.html create mode 100644 sites/page-details/reports/pre-a11y-1.json create mode 100644 sites/page-details/reports/pre-a11y-basic-html-1-en.html create mode 100644 sites/page-details/reports/pre-a11y-basic-html-1-fr.html create mode 100644 sites/page-details/reports/pre-a11y-basic-html-1.json diff --git a/sites/page-details/index.json-ld b/sites/page-details/index.json-ld index 9561716045..8f73cb2aa8 100644 --- a/sites/page-details/index.json-ld +++ b/sites/page-details/index.json-ld @@ -73,6 +73,28 @@ "language": "fr", "path": "page-details-pft-share-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": [ diff --git a/sites/page-details/reports/pre-a11y-1-en.html b/sites/page-details/reports/pre-a11y-1-en.html new file mode 100644 index 0000000000..eb55302936 --- /dev/null +++ b/sites/page-details/reports/pre-a11y-1-en.html @@ -0,0 +1,15 @@ +--- +{ + "title": "Accessibility assessment #1 - Page Details", + "language": "en", + "description": "Partial. Evaluation of new Success Criteria at Level A and Level AA of WCAG 2.1 and WCAG 2.2", + "tag": "page-details", + "parentdir": "page-details", + "parentPage": "Page Details", + "parentPageURL": "page-details", + "altLangPage": "pre-a11y-1-fr.html", + "dateModified": "2022-07-19", + "layout": "assessment_wrote_en-en", + "reportURL": "pre-a11y-1.json" +} +--- diff --git a/sites/page-details/reports/pre-a11y-1-fr.html b/sites/page-details/reports/pre-a11y-1-fr.html new file mode 100644 index 0000000000..3c8b537077 --- /dev/null +++ b/sites/page-details/reports/pre-a11y-1-fr.html @@ -0,0 +1,15 @@ +--- +{ + "title": "Assessment d'accessibilité #1 - Page Details", + "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": "page-details", + "parentdir": "page-details", + "parentPage": "Page Details", + "parentPageURL": "page-details", + "altLangPage": "pre-a11y-1-en.html", + "dateModified": "2022-07-19", + "layout": "assessment_wrote_en-fr", + "reportURL": "pre-a11y-1.json" +} +--- diff --git a/sites/page-details/reports/pre-a11y-1.json b/sites/page-details/reports/pre-a11y-1.json new file mode 100644 index 0000000000..69a176f80f --- /dev/null +++ b/sites/page-details/reports/pre-a11y-1.json @@ -0,0 +1,593 @@ +{ + "@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/sites/page-details/page-details-pft-en.html", + "@type": [ + "earl:TestSubject", + "schema:WebPage" + ], + "dct:description": "Describe what is being assessed, like the full page or a component inside that page. Provide a pointer when applicable (earl:pointer)", + "earl:pointer": { + "@type": "oa:CssSelector", + "@value": ".pagedetails" + } + }, + "earl:assertedBy": { + "foaf:name": "Service Canada - Principal Publisher", + "foaf:homepage": "https://github.com/ServiceCanada", + "@type": [ + "earl:Assertor", + "foaf:Organization" + ], + "earl:mainAssertor": { + "foaf:name": "Shiva Kayathi (Github: @shiva-sc)", + "foaf:homepage": "https://github.com/shiva-sc", + "@type": [ + "earl:Assertor", + "foaf:Person" + ] + } + }, + "dct:date": "2023-07-25", + "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: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:untested", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:bypass-blocks", + "earl:subject": "_:subject", + "earl:outcome": "earl:inapplicable", + "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:untested", + "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: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:inapplicable", + "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:untested", + "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:untested", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:labels-or-instructions", + "earl:subject": "_:subject", + "earl:outcome": "earl:untested", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:error-suggestion", + "earl:subject": "_:subject", + "earl:outcome": "earl:untested", + "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/sites/page-details/reports/pre-a11y-basic-html-1-en.html b/sites/page-details/reports/pre-a11y-basic-html-1-en.html new file mode 100644 index 0000000000..a4005d02bf --- /dev/null +++ b/sites/page-details/reports/pre-a11y-basic-html-1-en.html @@ -0,0 +1,15 @@ +--- +{ + "title": "Accessibility assessment #1 - Page Details (Basic Html version)", + "language": "en", + "description": "Partial. Evaluation of new Success Criteria at Level A and Level AA of WCAG 2.1 and WCAG 2.2", + "tag": "page-details", + "parentdir": "page-details", + "parentPage": "Page Details", + "parentPageURL": "page-details", + "altLangPage": "pre-a11y-basic-html-1-fr.html", + "dateModified": "2022-07-19", + "layout": "assessment_wrote_en-en", + "reportURL": "pre-a11y-basic-html-1.json" +} +--- diff --git a/sites/page-details/reports/pre-a11y-basic-html-1-fr.html b/sites/page-details/reports/pre-a11y-basic-html-1-fr.html new file mode 100644 index 0000000000..6e2a2b213e --- /dev/null +++ b/sites/page-details/reports/pre-a11y-basic-html-1-fr.html @@ -0,0 +1,15 @@ +--- +{ + "title": "Assessment d'accessibilité #1 - Page Details (Basic Html version)", + "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": "page-details", + "parentdir": "page-details", + "parentPage": "Page Details", + "parentPageURL": "page-details", + "altLangPage": "pre-a11y-basic-html-1-en.html", + "dateModified": "2022-07-19", + "layout": "assessment_wrote_en-fr", + "reportURL": "pre-a11y-basic-html-1.json" +} +--- diff --git a/sites/page-details/reports/pre-a11y-basic-html-1.json b/sites/page-details/reports/pre-a11y-basic-html-1.json new file mode 100644 index 0000000000..80abd4e20c --- /dev/null +++ b/sites/page-details/reports/pre-a11y-basic-html-1.json @@ -0,0 +1,593 @@ +{ + "@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/sites/page-details/page-details-pft-en.html?wbdisable=true", + "@type": [ + "earl:TestSubject", + "schema:WebPage" + ], + "dct:description": "Describe what is being assessed, like the full page or a component inside that page. Provide a pointer when applicable (earl:pointer)", + "earl:pointer": { + "@type": "oa:CssSelector", + "@value": ".pagedetails" + } + }, + "earl:assertedBy": { + "foaf:name": "Service Canada - Principal Publisher", + "foaf:homepage": "https://github.com/ServiceCanada", + "@type": [ + "earl:Assertor", + "foaf:Organization" + ], + "earl:mainAssertor": { + "foaf:name": "Shiva Kayathi (Github: @shiva-sc)", + "foaf:homepage": "https://github.com/shiva-sc", + "@type": [ + "earl:Assertor", + "foaf:Person" + ] + } + }, + "dct:date": "2023-07-25", + "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:inapplicable", + "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:inapplicable", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:bypass-blocks", + "earl:subject": "_:subject", + "earl:outcome": "earl:inapplicable", + "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: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:inapplicable", + "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:untested", + "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:untested", + "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" + ] + } + ] +} From 8165098d4adbaf5dd61c99802c05aaa6e1c6871e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Garneau?= Date: Fri, 15 Mar 2024 13:49:38 -0400 Subject: [PATCH 053/161] GC-Ministers: documentation edits --- _data/components.json | 28 ++++++++++++++++ components/gc-minister/gc-minister-en.html | 18 +---------- components/gc-minister/gc-minister-fr.html | 18 +---------- .../gc-minister-special-cases-en.html | 21 ++++++++++++ .../gc-minister-special-cases-fr.html | 21 ++++++++++++ .../gc-minister-two-ministers-en.html | 21 ++++++++++++ .../gc-minister-two-ministers-fr.html | 21 ++++++++++++ components/gc-minister/index.json-ld | 32 +++++++++++++++++++ 8 files changed, 146 insertions(+), 34 deletions(-) create mode 100644 components/gc-minister/gc-minister-special-cases-en.html create mode 100644 components/gc-minister/gc-minister-special-cases-fr.html create mode 100644 components/gc-minister/gc-minister-two-ministers-en.html create mode 100644 components/gc-minister/gc-minister-two-ministers-fr.html diff --git a/_data/components.json b/_data/components.json index 68927f997a..8e42e88001 100644 --- a/_data/components.json +++ b/_data/components.json @@ -734,6 +734,26 @@ "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": [ @@ -771,6 +791,14 @@ { "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": [ diff --git a/components/gc-minister/gc-minister-en.html b/components/gc-minister/gc-minister-en.html index 7eee235005..3d2ee69842 100644 --- a/components/gc-minister/gc-minister-en.html +++ b/components/gc-minister/gc-minister-en.html @@ -12,26 +12,10 @@ ---
    -

    Below are working examples for the "Minster or institutional head" component.

    +

    Below is working example for the "Minster or institutional head" component when there is only one minister.

    -

    Example with only one minister or institutional head

    {% include_relative samples/gc-minister.html %}
    Code sample {% highlight html %}{% include_relative samples/gc-minister.html %}{% endhighlight %}
    - -

    Example with multiple ministers or institutional heads

    -{% include_relative samples/gc-minister-two-ministers.html %} -
    - Code sample - {% highlight html %}{% include_relative samples/gc-minister-two-ministers.html %}{% endhighlight %} -
    - -

    Example when one or more elements are not available

    -

    This example is meant for 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-fr.html b/components/gc-minister/gc-minister-fr.html index 512bd822bc..b51e778c37 100644 --- a/components/gc-minister/gc-minister-fr.html +++ b/components/gc-minister/gc-minister-fr.html @@ -12,26 +12,10 @@ ---
    -

    Vous trouverez ci-dessous des exemples pratiques pour la composante « Ministre ou chef d'institution ».

    +

    Vous trouverez ci-dessous un exemple pratique pour la composante « Ministre ou chef d'institution » lorsqu'il n'y a qu'un seul ministre.

    -

    Exemple un(e) seul(e) ministre ou chef d'institution

    {% include_relative samples/gc-minister.html %}
    Code sample {% highlight html %}{% include_relative samples/gc-minister.html %}{% endhighlight %}
    - -

    Exemple plusieurs ministres ou chefs d'institution

    -{% include_relative samples/gc-minister-two-ministers.html %} -
    - Code sample - {% highlight html %}{% include_relative samples/gc-minister-two-ministers.html %}{% endhighlight %} -
    - -

    Exemple lorsqu'un ou plusieurs éléments ne sont pas disponibles

    -

    Cet exemple est destiné 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 %} -
    - Code sample - {% highlight html %}{% include_relative samples/gc-minister-special-cases.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..70428b41a1 --- /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-03-11", +} +--- +
    + +

    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..40000cf03d --- /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-03-11" +} +--- +
    + +

    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 %} +
    + Code sample + {% 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..c62e0dcbfe --- /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-03-11", +} +--- +
    + +

    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..eb0a036298 --- /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-03-11" +} +--- +
    + +

    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 %} +
    + Code sample + {% 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 index 02f08ce609..ad52670c4c 100644 --- a/components/gc-minister/index.json-ld +++ b/components/gc-minister/index.json-ld @@ -29,6 +29,26 @@ "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": [ @@ -66,6 +86,14 @@ { "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": [ @@ -163,6 +191,10 @@ "Mandate letter URL", "Briefing book text", "Briefing book URL" + ], + "static": [ + "Minister(s)", + "Ministre(s)" ] } ] From 3ca5578c652534cb3356ed04d687ac83c66a2658 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Garneau?= Date: Mon, 11 Mar 2024 08:17:20 -0400 Subject: [PATCH 054/161] GC Institution: removing h3 and mrgn-tp-md classes to H2 --- _data/design-patterns.json | 46 +- .../gc-institution/gc-institution.html | 15 + .../gc-institution/gc-institution-doc-en.html | 4 +- .../gc-institution/gc-institution-doc-fr.html | 4 +- .../gc-institution/gc-institution-en.html | 40 +- .../gc-institution/gc-institution-fr.html | 40 +- design-patterns/gc-institution/index.json-ld | 46 +- .../samples/gc-institution.html | 15 + .../utilities/gc-institution-alert.html | 11 + sites/layouts/documentation_pattern.html | 652 ++++++++++++++++++ 10 files changed, 717 insertions(+), 156 deletions(-) create mode 100644 _includes/design-patterns/gc-institution/gc-institution.html create mode 100644 design-patterns/gc-institution/samples/gc-institution.html create mode 100644 design-patterns/gc-institution/utilities/gc-institution-alert.html create mode 100644 sites/layouts/documentation_pattern.html diff --git a/_data/design-patterns.json b/_data/design-patterns.json index 1f83b95ef4..7bb16d6a74 100644 --- a/_data/design-patterns.json +++ b/_data/design-patterns.json @@ -16,8 +16,6 @@ }, "modified": "2024-01-11", "componentName": "gc-institution", - "status": "stable", - "version": "1.0", "pages": { "docs": [ { @@ -52,7 +50,6 @@ "en": "About the institution - default", "fr": "À propos de l'institution - par défaut" }, - "status": "stable", "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." @@ -61,7 +58,6 @@ "en": "https://design.canada.ca/mandatory-templates/institutional-profile-pages.html", "fr": "https://conception.canada.ca/modeles-obligatoire/pages-profil-institutionnel.html" }, - "iteration": "_:iteration_institution_1", "example": [ { "en": { "href": "gc-institution-en.html", "text": "About the institution" }, @@ -82,7 +78,6 @@ "implementation": [ { "@id": "_:implement_institution", - "iteration": "_:iteration_institution_1", "name": { "en": "Standard", "fr": "Standard" @@ -104,55 +99,18 @@ { "@type": "source-code", "description": "Code sample:", - "code": "
    \n\t
    \n\t\t

    About the [Institution]

    \n\t\t\n\t
    \n
    " + "code": "
    \n\t

    About [Institution]

    \n\t\n
    " } ], "fr": [ { "@type": "source-code", "description": "Exemple de code :", - "code": "
    \n\t
    \n\t\t

    À propos de [Institution]

    \n\t\t\n\t
    \n
    " + "code": "
    \n\t

    À propos de [Institution]

    \n\t\n
    " } ] } } - ], - "iteration": [ - { - "@id": "_:iteration_institution_1", - "name": "Most requested - Iteration 1", - "date": "2024-03", - "detectableBy": ".bold-content .list-unstyled.mrgn-tp-lg.lst-spcd-2.colcount-md-2", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": "
    \n\t
    \n\t\t

    About the [Institution]

    \n\t\t\n\t
    \n
    " - } - ] - } - ], - "changesets": [ - { - "@id": "_:cs_institution", - "name": "About the institution", - "status": "stable", - "baseOnIteration": "_:iteration_institution_1", - "detectableBy": ".bold-content .list-unstyled.mrgn-tp-lg.lst-spcd-2.colcount-md-2", - "layout": "On medium screens and larger, the links are laid out in two columns.", - "semantic": "h2.h3 + ul.colcount-md-2 > li > a", - "static": [ - "About", - "À propos de", - "More:", - "En savoir plus :" - ], - "schema": [ - "Links text", - "Links url" - ] - } ] } ] 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/design-patterns/gc-institution/gc-institution-doc-en.html b/design-patterns/gc-institution/gc-institution-doc-en.html index 00818cee1a..cd1b7f21b7 100644 --- a/design-patterns/gc-institution/gc-institution-doc-en.html +++ b/design-patterns/gc-institution/gc-institution-doc-en.html @@ -4,6 +4,8 @@ language: en altLangPage: gc-institution-doc-fr.html dateModified: 2024-03-07 -layout: documentation +layout: documentation_pattern index_json: index.json-ld --- + +{% include_relative utilities/gc-institution-alert.html %} diff --git a/design-patterns/gc-institution/gc-institution-doc-fr.html b/design-patterns/gc-institution/gc-institution-doc-fr.html index 44a7c5d6f6..65d57f33b6 100644 --- a/design-patterns/gc-institution/gc-institution-doc-fr.html +++ b/design-patterns/gc-institution/gc-institution-doc-fr.html @@ -4,6 +4,8 @@ language: fr altLangPage: gc-institution-doc-en.html dateModified: 2024-03-07 -layout: documentation +layout: documentation_pattern index_json: index.json-ld --- + +{% include_relative utilities/gc-institution-alert.html %} diff --git a/design-patterns/gc-institution/gc-institution-en.html b/design-patterns/gc-institution/gc-institution-en.html index 34ed0b3479..1df0af761b 100644 --- a/design-patterns/gc-institution/gc-institution-en.html +++ b/design-patterns/gc-institution/gc-institution-en.html @@ -12,39 +12,13 @@ } --- +{% include_relative utilities/gc-institution-alert.html %} +

    Below is a working example for the "About the institution" design pattern.

    -
    -
    -

    About the [Institution]

    - -
    -
    +{% include_relative samples/gc-institution.html %} -

    Code

    -
    <section class="col-md-8 bold-content">
-	<h2 class="h3 mrgn-tp-md">About the [Institution]</h2>
-	<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
-		<li><a href="#">Mandate</a></li>
-		<li><a href="#">Organizational structure</a></li>
-		<li><a href="#">Transparency</a></li>
-		<li><a href="#">Accessibility</a></li>
-		<li><a href="#">Job opportunities</a></li>
-		<li><a href="#">Reports</a></li>
-		<li><a href="#">Compliance</a></li>
-		<li><a href="#">Enforcement notifications</a></li>
-		<li><a href="#">[Institutional link]</a></li>
-		<li>More: <a href="#">About the [Institution]</a></li>
-	</ul>
-</section>
    +
    + Code sample + {% highlight html %}{% include_relative samples/gc-institution.html %}{% endhighlight %} +
    diff --git a/design-patterns/gc-institution/gc-institution-fr.html b/design-patterns/gc-institution/gc-institution-fr.html index 65a33af31e..e55286a7a2 100644 --- a/design-patterns/gc-institution/gc-institution-fr.html +++ b/design-patterns/gc-institution/gc-institution-fr.html @@ -12,39 +12,13 @@ } --- +{% include_relative utilities/gc-institution-alert.html %} +

    Vous trouverez ci-dessous un exemple pratique pour la configuration de conception « À propos de l'institution ».

    -
    -
    -

    À propos de [Institution]

    - -
    -
    +{% include_relative samples/gc-institution.html %} -

    Code

    -
    <section class="col-md-8 bold-content">
-	<h2 class="h3 mrgn-tp-md">À propos de [Institution</h2>
-	<ul class="list-unstyled mrgn-tp-lg lst-spcd-2 colcount-md-2">
-		<li><a href="#">Mandat</a></li>
-		<li><a href="#">Structure organisationnelle</a></li>
-		<li><a href="#">Transparence</a></li>
-		<li><a href="#">Accessibilité</a></li>
-		<li><a href="#">Possibilités d’emploi</a></li>
-		<li><a href="#">Rapports</a></li>
-		<li><a href="#">Conformité</a></li>
-		<li><a href="#">Notifications d’application de la loi</a></li>
-		<li><a href="#">[Lien institutionnel]</a></li>
-		<li>En savoir plus : <a href="#">À propos de [institution]</a></li>
-	</ul>
-</section>
    +
    + Code + {% highlight html %}{% include_relative samples/gc-institution.html %}{% endhighlight %} +
    diff --git a/design-patterns/gc-institution/index.json-ld b/design-patterns/gc-institution/index.json-ld index b4423467a6..bada8d9369 100644 --- a/design-patterns/gc-institution/index.json-ld +++ b/design-patterns/gc-institution/index.json-ld @@ -16,8 +16,6 @@ }, "modified": "2024-01-11", "componentName": "gc-institution", - "status": "stable", - "version": "1.0", "pages": { "docs": [ { @@ -52,7 +50,6 @@ "en": "About the institution - default", "fr": "À propos de l'institution - par défaut" }, - "status": "stable", "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." @@ -61,7 +58,6 @@ "en": "https://design.canada.ca/mandatory-templates/institutional-profile-pages.html", "fr": "https://conception.canada.ca/modeles-obligatoire/pages-profil-institutionnel.html" }, - "iteration": "_:iteration_institution_1", "example": [ { "en": { "href": "gc-institution-en.html", "text": "About the institution" }, @@ -82,7 +78,6 @@ "implementation": [ { "@id": "_:implement_institution", - "iteration": "_:iteration_institution_1", "name": { "en": "Standard", "fr": "Standard" @@ -104,54 +99,17 @@ { "@type": "source-code", "description": "Code sample:", - "code": "
    \n\t
    \n\t\t

    About the [Institution]

    \n\t\t\n\t
    \n
    " + "code": "
    \n\t

    About [Institution]

    \n\t\n
    " } ], "fr": [ { "@type": "source-code", "description": "Exemple de code :", - "code": "
    \n\t
    \n\t\t

    À propos de [Institution]

    \n\t\t\n\t
    \n
    " + "code": "
    \n\t

    À propos de [Institution]

    \n\t\n
    " } ] } } - ], - "iteration": [ - { - "@id": "_:iteration_institution_1", - "name": "About the institution - Iteration 1", - "date": "2024-03", - "detectableBy": ".bold-content .list-unstyled.mrgn-tp-lg.lst-spcd-2.colcount-md-2", - "assets": [ - { - "@type": "source-code", - "@language": "en", - "description": "Code sample", - "code": "
    \n\t
    \n\t\t

    About the [Institution]

    \n\t\t\n\t
    \n
    " - } - ] - } - ], - "changesets": [ - { - "@id": "_:cs_institution", - "name": "About the institution", - "status": "stable", - "baseOnIteration": "_:iteration_institution_1", - "detectableBy": ".bold-content .list-unstyled.mrgn-tp-lg.lst-spcd-2.colcount-md-2", - "layout": "On medium screens and larger, the links are laid out in two columns.", - "semantic": "h2.h3 + ul.colcount-md-2 > li > a", - "static": [ - "About", - "À propos de", - "More:", - "En savoir plus :" - ], - "schema": [ - "Links text", - "Links url" - ] - } ] } diff --git a/design-patterns/gc-institution/samples/gc-institution.html b/design-patterns/gc-institution/samples/gc-institution.html new file mode 100644 index 0000000000..4ba6f14392 --- /dev/null +++ b/design-patterns/gc-institution/samples/gc-institution.html @@ -0,0 +1,15 @@ +
    +

    {% if page.language == "en" %}About [Institution]{% else %}À propos de [Institution]{% endif %}

    + +
    diff --git a/design-patterns/gc-institution/utilities/gc-institution-alert.html b/design-patterns/gc-institution/utilities/gc-institution-alert.html new file mode 100644 index 0000000000..1df7415fa6 --- /dev/null +++ b/design-patterns/gc-institution/utilities/gc-institution-alert.html @@ -0,0 +1,11 @@ +{% if page.language == "en" %} +
    +

    Context of use

    +

    This design pattern must be used only on the Institutional Landing Page template.

    +
    +{% else %} +
    +

    Contexte d'utilisation

    +

    Cette configuration de conception ne doit être utilisée que sur le gabarit de Page d'accueil institutionnelle.

    +
    +{% endif %} diff --git a/sites/layouts/documentation_pattern.html b/sites/layouts/documentation_pattern.html new file mode 100644 index 0000000000..ce6060b1fd --- /dev/null +++ b/sites/layouts/documentation_pattern.html @@ -0,0 +1,652 @@ +--- +layout: default +--- +{%- include variable-core.liquid -%} +{%- assign lng = page.language -%} +{%- if page.description -%} +

    {{ page.description }}

    +{%- endif -%} + +{{ content }} + +

    ({% if lng == "fr" %}Consultez cette documentation en format JSON{% else %}Consult this documentation in a data format noted in JSON{% endif %})

    + +
    + +{%- if page.short_rationale_ajax_url -%} +
    +{%- endif -%} + + +
    + + +
    + + +

    {% if lng == "fr" %}Sur cette page{% else %}On this page{% endif %}

    + + + +

    {% if lng == "fr" %}Composants inclus{% else %}Included components{% endif %}

    + +
    + + + +
    + + +{%- if page.before_start_ajax_url -%} +

    {% if lng == "fr" %}Avant de commencer{% else %}Before you start{% endif %}

    +
    +{%- endif -%} + + +

    {% if lng == "fr" %}Conseils en matière d'accessibilité{% else %}Accessibility guidance{% endif %}

    + +{%- if lng == "fr" -%} +

    Liste des directives d'accessibilité à suivre pour garantir que le composant est utilisé dans le respect de la directive d'accessibilité et de la norme EN 301 549 (y compris WCAG 2.1 niveau AA).

    +{%- else -%} +

    List of accessibility guidances to be followed to ensure component is used in respect of the accessibility guideline and EN 301 549 standard (including WCAG 2.1 Level AA).

    +{%- endif -%} + +
    + + + +
    + + + +

    {% if lng == "fr" %}Variantes{% else %}Variations{% endif %}

    + +{%- if lng == "fr" -%} +

    Voici quelques exemples populaires. Il ne s’agit pas d’une liste exhaustive des variantes possibles. Configurez votre page en fonction du type de page, des besoins des utilisateurs et des conseils du système de conception.

    +{%- else -%} +

    Here are some popular examples. This isn’t an exhaustive list of possible variations. Configure your page based on page type, user needs and design system guidance.

    +{%- endif -%} + +
    + + +
    + +

    {% if lng == "fr" %}Évaluation et rapport{% else %}Evaluation and report{% endif %}

    + + +
    + + + +
    + + + +
    + + + +
    From 7bf6a474a64cd6166a6be7cd7087ac87445d71f6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Garneau?= Date: Thu, 21 Mar 2024 10:09:02 -0400 Subject: [PATCH 055/161] =?UTF-8?q?M=C3=A9li-m=C3=A9lo=20Charts:=20mobile?= =?UTF-8?q?=20table,=20canvas=20container?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _data/sites.json | 39 +++++++++++++++- .../2024-02-charts/demo.html" | 46 +++++++++++++++++++ .../2024-02-charts/index.html" | 8 ++++ .../2024-02-charts/js/charts.js" | 19 +++++--- 4 files changed, 104 insertions(+), 8 deletions(-) diff --git a/_data/sites.json b/_data/sites.json index de024cd7a6..5bf4b3f653 100644 --- a/_data/sites.json +++ b/_data/sites.json @@ -2377,6 +2377,28 @@ "language": "fr", "path": "page-details-pft-share-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": [ @@ -3100,11 +3122,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", @@ -3115,6 +3138,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/m\303\251li-m\303\251lo/2024-02-charts/demo.html" "b/m\303\251li-m\303\251lo/2024-02-charts/demo.html" index 81fb94f2a2..3185232457 100644 --- "a/m\303\251li-m\303\251lo/2024-02-charts/demo.html" +++ "b/m\303\251li-m\303\251lo/2024-02-charts/demo.html" @@ -303,3 +303,49 @@

    Radar chart

    Infrastructure8619 + +

    Line chart with table visible

    +

    This example demonstrates the use of the following configuration options: data-chart-details-open.

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Account holdings by type (line chart)
    YearsAmounts contributed or transferredInvestment incomeTotal account holdings
    1$4,000$240$4,240
    2$8,000$734$8,734
    3$12,000$1,498$13,498
    4$16,000$2,548$18,548
    5$20,000$3,901$23,901
    diff --git "a/m\303\251li-m\303\251lo/2024-02-charts/index.html" "b/m\303\251li-m\303\251lo/2024-02-charts/index.html" index 3c44f78d09..5538af608f 100644 --- "a/m\303\251li-m\303\251lo/2024-02-charts/index.html" +++ "b/m\303\251li-m\303\251lo/2024-02-charts/index.html" @@ -111,6 +111,14 @@

    Configuration

    String No default value. + + data-chart-details-open + +

    Defines if the dynamically created <details> element should be open by default.

    + + Boolean +

    If not defined, the <details> element will be closed.

    If defined, the <details> element will be open.

    + diff --git "a/m\303\251li-m\303\251lo/2024-02-charts/js/charts.js" "b/m\303\251li-m\303\251lo/2024-02-charts/js/charts.js" index 44625eadc5..32b8a9c3c0 100644 --- "a/m\303\251li-m\303\251lo/2024-02-charts/js/charts.js" +++ "b/m\303\251li-m\303\251lo/2024-02-charts/js/charts.js" @@ -32,8 +32,9 @@ var componentName = "chart", tableObserver, elmChartType, supportedChartTypes, defaults, chartType, chartOpts, chartData, - chartCntnr, canvasElm, detailsElm, - i18n, i18nText; + chartCntnr, canvasElm, tableContainer, + i18n, i18nText, + detailsOpen = ""; // Define default options defaults = { @@ -61,17 +62,23 @@ var componentName = "chart", }; } + // Check if
    element should be open or closed + if ( elm.dataset.chartDetailsOpen ) { + detailsOpen = "open"; + } + // Creating UI template chartCntnr = document.createElement( "figure" ); chartCntnr.innerHTML = `
    ` + elm.caption.innerHTML + `
    - -
    +
    +
    ` + elm.caption.innerHTML + i18nText.tableMention + ` +
    `; elm.parentNode.insertBefore( chartCntnr, elm ); canvasElm = chartCntnr.querySelector( "canvas" ); - detailsElm = chartCntnr.querySelector( "details" ); - detailsElm.appendChild( elm ); + tableContainer = chartCntnr.querySelector( ".table-responsive" ); + tableContainer.appendChild( elm ); // Set Chart options chartType = elm.dataset.chart; From 909afb815de06c3c27d2842796eac2fe57f03f9e Mon Sep 17 00:00:00 2001 From: Ettahri Date: Wed, 27 Mar 2024 13:56:12 -0400 Subject: [PATCH 056/161] Release v14.7.0 --- index-en.md | 4 ++-- index-fr.md | 4 ++-- package-lock.json | 6 +++--- package.json | 4 ++-- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/index-en.md b/index-en.md index c909e9cb15..75e8adfb4f 100644 --- a/index-en.md +++ b/index-en.md @@ -1,7 +1,7 @@ --- title: GCWeb, the WET-BOEW Canada.ca theme altLangPage: index-fr.html -dateModified: 2024-03-05 +dateModified: 2024-03-27 description: "Home page describing all the components of the Canada.ca theme, named GCWeb." layout: no-container language: en @@ -20,7 +20,7 @@ css:

    The page templates and design patterns below comprise a reference implementation of the Canada.ca design system, including the mandatory requirement of the Content and Information Architecture (C&IA) Specification. Government of Canada departments and agencies can contribute additional patterns and templates via GCWeb github repository.

    -

    Download GCWeb theme v14.6.0
    +

    Download GCWeb theme v14.7.0
    ( - Release notes)

    diff --git a/index-fr.md b/index-fr.md index cd938eda37..f181b1f1e7 100644 --- a/index-fr.md +++ b/index-fr.md @@ -1,7 +1,7 @@ --- title: GCWeb, le thème WET-BOEW de Canada.ca altLangPage: index-en.html -dateModified: 2024-03-05 +dateModified: 2024-03-27 description: "Page d'accueil décrivant l'ensemble des composants du thème de Canada.ca, nommé GCWeb." layout: no-container language: fr @@ -20,7 +20,7 @@ css:

    Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.

    -

    Télécharger le thème GCWeb v14.6.0
    +

    Télécharger le thème GCWeb v14.7.0
    ( - Note de version)

    diff --git a/package-lock.json b/package-lock.json index 32ca6f35e6..f574a94d19 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.6.0", + "version": "14.7.0", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -11590,8 +11590,8 @@ } }, "wet-boew": { - "version": "github:wet-boew/wet-boew#c3be26ebf28fb68ac8cabcb55ea9705f7006a4d7", - "from": "github:wet-boew/wet-boew#v4.0.75", + "version": "github:wet-boew/wet-boew#f136aae85bf48cff24c248217e787c5264b1d18d", + "from": "github:wet-boew/wet-boew#v4.0.77", "requires": { "bootstrap-sass": "3.4.1", "code-prettify": "^0.1.0", diff --git a/package.json b/package.json index 55249ae6c0..fa87e32921 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "GCWeb", - "version": "14.6.0", + "version": "14.7.0", "description": "Web Experience Toolkit (WET): Canada.ca Theme Reorg", "main": "index.html", "scripts": { @@ -13,7 +13,7 @@ "license": "MIT", "dependencies": { "bootstrap-sass": "3.4.1", - "wet-boew": "github:wet-boew/wet-boew#v4.0.75" + "wet-boew": "github:wet-boew/wet-boew#v4.0.77" }, "browserslist": [ "last 2 versions", From 20da39c24369accac34c44d02e35bdea483bfd62 Mon Sep 17 00:00:00 2001 From: Brahim Mahadi Wachilli Date: Thu, 28 Mar 2024 18:11:38 -0400 Subject: [PATCH 057/161] Content - Forms: WGAG 2.1 AA Assessment (#2252) * Forms: WGAG 2.1 AA Assessment * third assessment * new axe file * fix index.json-ld * fix a11y-3.json css selector missing * Update a11y-3.json remove file and selected * Update a11y-3.json remove trailing , --------- Co-authored-by: AtlakM Co-authored-by: AtlakM <159801458+AtlakM@users.noreply.github.com> Co-authored-by: Brahim Mahadi Wachilli --- common/scaffolding/index.json-ld | 22 +- common/scaffolding/reports/a11y-2-en.html | 15 + common/scaffolding/reports/a11y-2-fr.html | 15 + common/scaffolding/reports/a11y-2.json | 441 +++++++++++++++ common/scaffolding/reports/a11y-3-en.html | 15 + common/scaffolding/reports/a11y-3-fr.html | 15 + common/scaffolding/reports/a11y-3.json | 625 ++++++++++++++++++++++ 7 files changed, 1147 insertions(+), 1 deletion(-) create mode 100644 common/scaffolding/reports/a11y-2-en.html create mode 100644 common/scaffolding/reports/a11y-2-fr.html create mode 100644 common/scaffolding/reports/a11y-2.json create mode 100644 common/scaffolding/reports/a11y-3-en.html create mode 100644 common/scaffolding/reports/a11y-3-fr.html create mode 100644 common/scaffolding/reports/a11y-3.json diff --git a/common/scaffolding/index.json-ld b/common/scaffolding/index.json-ld index b48ee8079e..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": "2024-02-27", + "modified": "2024-03-28", "componentName": "scaffolding", "processing": "baseline", "status": "stable", @@ -61,6 +61,26 @@ "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\": \"