diff --git a/sites/headers-includes/sitesearch.html b/sites/search/includes/sitesearch.html similarity index 99% rename from sites/headers-includes/sitesearch.html rename to sites/search/includes/sitesearch.html index 75daedc08..9c1e65ead 100644 --- a/sites/headers-includes/sitesearch.html +++ b/sites/search/includes/sitesearch.html @@ -1,4 +1,3 @@ -

{{ i18nText-search }}

diff --git a/sites/search/index.json-ld b/sites/search/index.json-ld index 32194abb8..a92a9a568 100644 --- a/sites/search/index.json-ld +++ b/sites/search/index.json-ld @@ -29,6 +29,18 @@ "language": "fr", "path": "search-fr.html" } + ], + "reports": [ + { + "title": "Pre accessibility assessment #1 - GC Site Search Bar", + "language": "en", + "path": "reports/pre-a11y-1-en.html" + }, + { + "title": "Pre assessment d'accessibilité #1 - Barre de recherche sur un site GC", + "language": "fr", + "path": "reports/pre-a11y-1-fr.html" + } ] } } diff --git a/sites/search/reports/pre-a11y-1-en.html b/sites/search/reports/pre-a11y-1-en.html new file mode 100644 index 000000000..62ad50858 --- /dev/null +++ b/sites/search/reports/pre-a11y-1-en.html @@ -0,0 +1,15 @@ +--- +{ + "title": "Pre Accessibility assessment #1 - GC Site Search Bar", + "language": "en", + "description": "Pre assessment of the GC Site search bar component.", + "tag": "footer", + "parentdir": "footer", + "parentPage": "Footer", + "parentPageURL": "footer", + "altLangPage": "pre-a11y-1-fr.html", + "dateModified": "2023-08-14", + "layout": "assessment_wrote_en-en", + "reportURL": "pre-a11y-1.json" +} +--- diff --git a/sites/search/reports/pre-a11y-1-fr.html b/sites/search/reports/pre-a11y-1-fr.html new file mode 100644 index 000000000..991d1eb90 --- /dev/null +++ b/sites/search/reports/pre-a11y-1-fr.html @@ -0,0 +1,15 @@ +--- +{ + "title": "Pre Assessment d'accessibilité #1 - Barre de recherche sur un site GC", + "language": "fr", + "description": "Pre Assessment d'accessibilité pour la barre de recherche sur un site GC", + "tag": "footer", + "parentdir": "footer", + "parentPage": "Pied de page", + "parentPageURL": "footer", + "altLangPage": "pre-a11y-1-en.html", + "dateModified": "2023-08-14", + "layout": "assessment_wrote_en-fr", + "reportURL": "pre-a11y-1.json" +} +--- diff --git a/sites/search/reports/pre-a11y-1.json b/sites/search/reports/pre-a11y-1.json new file mode 100644 index 000000000..7063495ca --- /dev/null +++ b/sites/search/reports/pre-a11y-1.json @@ -0,0 +1,596 @@ +{ + "@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/sites/search/search-en.html", + "@type": [ + "earl:TestSubject", + "schema:WebPage" + ], + "dct:description": "Pre assessment of the GC Site Search Bar component.", + "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": "Joseph Diab (Github: @josephdiab)", + "foaf:homepage": "https://github.com/josephdiab", + "@type": [ + "earl:Assertor", + "foaf:Person" + ] + } + }, + "dct:date": "2023-12-05", + "dct:description": "Analyzing and exploring the subject and produce a pre-evaluation of all WCAG 2.1 SC at level AA.", + "acr:involvesExpertise": [ + "wbv:acr/topics#aria", + "Javascript" + ], + "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:untested", + "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:inapplicable", + "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:untested", + "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:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:headings-and-labels", + "earl:subject": "_:subject", + "earl:outcome": "earl:untested", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:focus-visible", + "earl:subject": "_:subject", + "earl:outcome": "earl:untested", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:pointer-gestures", + "earl:subject": "_:subject", + "earl:outcome": "earl:inapplicable", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:pointer-cancellation", + "earl:subject": "_:subject", + "earl:outcome": "earl:untested", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:label-in-name", + "earl:subject": "_:subject", + "earl:outcome": "earl:untested", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:motion-actuation", + "earl:subject": "_:subject", + "earl:outcome": "earl:untested", + "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:inapplicable", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:on-input", + "earl:subject": "_:subject", + "earl:outcome": "earl:inapplicable", + "dct:description": "", + "earl:mode": "earl:unknownMode", + "@type": [ + "earl:TestResult", + "earl:Assertion" + ] + }, + { + "earl:test": "WCAG21:consistent-navigation", + "earl:subject": "_:subject", + "earl:outcome": "earl: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/search/search-en.html b/sites/search/search-en.html index c01cb0c49..e7f72320c 100644 --- a/sites/search/search-en.html +++ b/sites/search/search-en.html @@ -12,22 +12,7 @@

To see a practical implementation of the GC site search bar in action, look no further than the site header.

Code

-

-	<section class="col-xs-12 col-sm-5 col-md-4">
-		<form action="#" method="post" name="cse-search-box" role="search" class="form-inline">
-			<div class="form-group wb-srch-qry">
-				<label for="wb-srch-q" class="wb-inv">Search Canada.ca</label>
-				<div class="input-group">
-					<input id="wb-srch-q" list="wb-srch-q-ac" class="wb-srch-q form-control" name="q" type="search" value="" size="34" maxlength="170" placeholder="Search Canada.ca" style="display: inline-block; width: calc(100% - 42px);" />
-					<div class="input-group-append" style="white-space: nowrap;">
-						<button type="submit" class="btn btn-primary btn-square" style="margin-left: -1px;">
-							<span class="glyphicon-search glyphicon"></span>
-							<span class="wb-inv">Search</span>
-						</button>
-					</div>
-				</div>
-				<datalist id="wb-srch-q-ac"></datalist>
-			</div>
-		</form>
-	</section>
-
+{%- include variable-core.liquid -%} +{% highlight text %} +{% include_relative includes/sitesearch.html %} +{% endhighlight %} diff --git a/sites/search/search-fr.html b/sites/search/search-fr.html index f4e50b6d5..8f01f5717 100644 --- a/sites/search/search-fr.html +++ b/sites/search/search-fr.html @@ -1,6 +1,6 @@ --- { - "altLangPage": "search-fr.html", + "altLangPage": "search-en.html", "dateModified": "2023-07-17", "description": "Documentation sur l'utilisation de la barre de recherche.", "language": "fr", @@ -12,22 +12,7 @@

Pour voir une mise en œuvre pratique de la barre de recherche du site GC en action, ne cherchez pas plus loin que l'en-tête du site.

Code

-

-	<section class="col-xs-12 col-sm-5 col-md-4">
-		<form action="#" method="post" name="cse-search-box" role="search" class="form-inline">
-			<div class="form-group wb-srch-qry">
-				<label for="wb-srch-q" class="wb-inv">Rechercher dans Canada.ca</label>
-				<div class="input-group">
-					<input id="wb-srch-q" list="wb-srch-q-ac" class="wb-srch-q form-control" name="q" type="search" value="" size="34" maxlength="170" placeholder="Rechercher dans Canada.ca" style="display: inline-block; width: calc(100% - 42px);" />
-					<div class="input-group-append" style="white-space: nowrap;">
-						<button type="submit" class="btn btn-primary btn-square" style="margin-left: -1px;">
-							<span class="glyphicon-search glyphicon"></span>
-							<span class="wb-inv">Search</span>
-						</button>
-					</div>
-				</div>
-				<datalist id="wb-srch-q-ac"></datalist>
-			</div>
-		</form>
-	</section>
-
+{%- include variable-core.liquid -%} +{% highlight text %} +{% include_relative includes/sitesearch.html %} +{% endhighlight %}