From 7518d54313dde37cac8874d5a0ec25a7d01fa846 Mon Sep 17 00:00:00 2001
From: Joseph Diab <65473395+josephdiab@users.noreply.github.com>
Date: Fri, 29 Mar 2024 08:33:39 -0400
Subject: [PATCH] Content - WET-379 Main container working example (#2222)

* WET-379 Main container working example
* Main Container working example
* WET-379 Main container working example #2222 update
* changes requested march 27
* Update pre-a11y-1.json fix extra comma

---------

Co-authored-by: josephdiab <[jrdiab@gmail.com]>
Co-authored-by: AtlakM <kingatlas5@hotmail.com>
Co-authored-by: AtlakM <159801458+AtlakM@users.noreply.github.com>
---
 common/main-container/index.json-ld           |  67 ++
 .../maincontainer-article-en.html             |  61 ++
 .../maincontainer-article-fr.html             |  61 ++
 common/main-container/maincontainer-en.html   |  50 ++
 common/main-container/maincontainer-fr.html   |  50 ++
 .../maincontainer-section-en.html             |  60 ++
 .../maincontainer-section-fr.html             |  60 ++
 .../main-container/reports/pre-a11y-1-en.html |  15 +
 .../main-container/reports/pre-a11y-1-fr.html |  15 +
 common/main-container/reports/pre-a11y-1.json | 592 ++++++++++++++++++
 10 files changed, 1031 insertions(+)
 create mode 100644 common/main-container/index.json-ld
 create mode 100644 common/main-container/maincontainer-article-en.html
 create mode 100644 common/main-container/maincontainer-article-fr.html
 create mode 100644 common/main-container/maincontainer-en.html
 create mode 100644 common/main-container/maincontainer-fr.html
 create mode 100644 common/main-container/maincontainer-section-en.html
 create mode 100644 common/main-container/maincontainer-section-fr.html
 create mode 100644 common/main-container/reports/pre-a11y-1-en.html
 create mode 100644 common/main-container/reports/pre-a11y-1-fr.html
 create mode 100644 common/main-container/reports/pre-a11y-1.json

diff --git a/common/main-container/index.json-ld b/common/main-container/index.json-ld
new file mode 100644
index 0000000000..6eae85277d
--- /dev/null
+++ b/common/main-container/index.json-ld
@@ -0,0 +1,67 @@
+{
+	"@context": {
+		"@version": 1.1,
+		"dct": "http://purl.org/dc/terms/",
+		"title": { "@id": "dct:title", "@container": "@language" },
+		"description": { "@id": "dct:description", "@container": "@language" },
+		"modified": "dct:modified"
+	},
+	"title": {
+		"en": "Main Container",
+		"fr": "Conteneur Principal"
+	},
+	"description": {
+		"en": "Main Container with alternate tags.",
+		"fr": "Conteneur principal avec des balises alternatives."
+	},
+	"modified": "2023-07-05",
+	"componentName": "main-container",
+	"processing": "baseline",
+	"status": "stable",
+	"pages": {
+		"examples": [
+			{
+				"title": "Main Container",
+				"language": "en",
+				"path": "maincontainer-en.html"
+			},
+			{
+				"title": "Conteneur Principal",
+				"language": "fr",
+				"path": "maincontainer-fr.html"
+			},
+			{
+				"title": "Main Container with article",
+				"language": "en",
+				"path": "maincontainer-article-en.html"
+			},
+			{
+				"title": "Conteneur Principal avec article",
+				"language": "fr",
+				"path": "maincontainer-article-fr.html"
+			},
+			{
+				"title": "Main Container with section",
+				"language": "en",
+				"path": "maincontainer-section-en.html"
+			},
+			{
+				"title": "Conteneur Principal avec section",
+				"language": "fr",
+				"path": "maincontainer-section-fr.html"
+			}
+		],
+		"reports": [
+			{
+				"title": "Pre Accessibility assessment #1 - Main Container",
+				"language": "en",
+				"path": "reports/pre-a11y-1-en.html"
+			},
+			{
+				"title": "Pre Assessment d'accessibilité #1 - Conteneur Principal",
+				"language": "fr",
+				"path": "reports/pre-a11y-1-fr.html"
+			}
+		]
+	}
+}
diff --git a/common/main-container/maincontainer-article-en.html b/common/main-container/maincontainer-article-en.html
new file mode 100644
index 0000000000..290c548763
--- /dev/null
+++ b/common/main-container/maincontainer-article-en.html
@@ -0,0 +1,61 @@
+---
+{
+	"altLangPage": "maincontainer-article-fr.html",
+	"dateModified": "2023-07-04",
+	"description": "Documentation on how to use main container with article.",
+	"language": "en",
+	"title": "Main Container with article",
+	"layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+		{%- if page.titleH1 -%}
+			{{ page.titleH1 }}
+		%- {elsif page.title -%}
+			{{ page.title }}
+		{%- else -%}
+			Page untitled
+		{%- endif -%}
+{%- endcapture -%}
+
+<div class="wb-prettify all-pre hide"></div>
+
+<main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+	<article>
+		<!-- heading -->
+		<h1>Article</h1>
+
+		<!-- content page -->
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur
+			tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac
+			consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu
+			interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas
+			dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet
+			quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis
+			commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam
+			euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt
+			lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.</p>
+
+		<!-- Page details section [Must be configured as a <footer> element in this situation] -->
+
+		<h2>Code</h2>
+		<pre><code>
+		&lt;main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"&gt;
+			&lt;article&gt;
+			&lt;!-- heading --&gt;
+			&lt;h1&gt;Article&lt;/h1&gt;
+
+			&lt;!-- content page --&gt;
+
+			&lt;!-- Page details section [Must be configured as a &lt;footer&gt; element in this situation] --&gt;
+
+			&lt;/article&gt;
+		&lt;/main&gt;
+		</code></pre>
+
+	</article>
+
+
+</main>
diff --git a/common/main-container/maincontainer-article-fr.html b/common/main-container/maincontainer-article-fr.html
new file mode 100644
index 0000000000..b13240ff83
--- /dev/null
+++ b/common/main-container/maincontainer-article-fr.html
@@ -0,0 +1,61 @@
+---
+{
+	"altLangPage": "maincontainer-article-en.html",
+	"dateModified": "2023-07-04",
+	"description": "Documentation sur l'utilisation du conteneur principal avec un article.",
+	"language": "fr",
+	"title": "Conteneur Principal avec article",
+	"layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+		{%- if page.titleH1 -%}
+			{{ page.titleH1 }}
+		%- {elsif page.title -%}
+			{{ page.title }}
+		{%- else -%}
+			Page untitled
+		{%- endif -%}
+{%- endcapture -%}
+
+<div class="wb-prettify all-pre hide"></div>
+
+<main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+	<article>
+		<!-- heading -->
+		<h1>Article</h1>
+
+		<!-- contenu de la page -->
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur
+			tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac
+			consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu
+			interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas
+			dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet
+			quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis
+			commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam
+			euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt
+			lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.</p>
+
+		<!-- Section des détails de la page [Doit être configuré comme un élément <footer> dans cette situation] -->
+
+
+		<h2>Code</h2>
+		<pre><code>
+		&lt;main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"&gt;
+			&lt;article&gt;
+			&lt;!-- heading --&gt;
+			&lt;h1&gt;Article&lt;/h1&gt;
+
+			&lt;!-- contenu de la page --&gt;
+
+			&lt;!-- Section des détails de la page [Doit être configuré comme un élément &lt;footer&gt; dans cette situation] --&gt;
+
+			&lt;/article&gt;
+		&lt;/main&gt;
+		</code></pre>
+
+	</article>
+
+</main>
diff --git a/common/main-container/maincontainer-en.html b/common/main-container/maincontainer-en.html
new file mode 100644
index 0000000000..fc425d30ea
--- /dev/null
+++ b/common/main-container/maincontainer-en.html
@@ -0,0 +1,50 @@
+---
+{
+	"altLangPage": "maincontainer-fr.html",
+	"dateModified": "2023-07-04",
+	"description": "Documentation on how to use main container.",
+	"language": "en",
+	"title": "Main Container",
+	"layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+		{%- if page.titleH1 -%}
+			{{ page.titleH1 }}
+		%- {elsif page.title -%}
+			{{ page.title }}
+		{%- else -%}
+			Page untitled
+		{%- endif -%}
+{%- endcapture -%}
+
+<div class="wb-prettify all-pre hide"></div>
+
+<main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+	<!-- heading -->
+	<h1 id="wb-cont">Lorem Ipsum</h1>
+
+	<!-- content page -->
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur tincidunt
+		elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac consectetur.
+		Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu interdum sem lacinia
+		nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas dignissim, lorem pretium
+		facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet quam. Donec consectetur
+		eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis commodo eu eget nisl.
+		Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam euismod. Pellentesque
+		eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt lacus. Proin dictum arcu at leo
+		aliquam placerat. Donec volutpat ornare condimentum.</p>
+
+	<h2>Code</h2>
+	<pre><code>
+	&lt;main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"&gt;
+	&lt;!-- heading --&gt;
+	&lt;h1 id="wb-cont"&gt;Lorem ipsum&lt;/h1&gt;
+
+	&lt;!-- content page --&gt;
+
+	&lt;/main&gt;
+	</code></pre>
+</main>
diff --git a/common/main-container/maincontainer-fr.html b/common/main-container/maincontainer-fr.html
new file mode 100644
index 0000000000..343490b6a2
--- /dev/null
+++ b/common/main-container/maincontainer-fr.html
@@ -0,0 +1,50 @@
+---
+{
+	"altLangPage": "maincontainer-fr.html",
+	"dateModified": "2023-07-04",
+	"description": "Documentation on how to use main container.",
+	"language": "en",
+	"title": "Conteneur Principal",
+	"layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+		{%- if page.titleH1 -%}
+			{{ page.titleH1 }}
+		%- {elsif page.title -%}
+			{{ page.title }}
+		{%- else -%}
+			Page untitled
+		{%- endif -%}
+{%- endcapture -%}
+
+<div class="wb-prettify all-pre hide"></div>
+
+<main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+	<!-- heading -->
+	<h1 id="wb-cont">Lorem Ipsum</h1>
+
+	<!-- contenu de la page -->
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur tincidunt
+		elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac consectetur.
+		Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu interdum sem lacinia
+		nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas dignissim, lorem pretium
+		facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet quam. Donec consectetur
+		eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis commodo eu eget nisl.
+		Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam euismod. Pellentesque
+		eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt lacus. Proin dictum arcu at leo
+		aliquam placerat. Donec volutpat ornare condimentum.</p>
+
+	<h2>Code</h2>
+	<pre><code>
+	&lt;main property="mainContentPage"&gt;
+		&lt;!-- heading --&gt;
+		&lt;h1 id="wb-cont"&gt;Lorem ipsum&lt;/h1&gt;
+
+		&lt;!-- contenu de la page --&gt;
+
+	&lt;/main&gt;
+	</code></pre>
+</main>
diff --git a/common/main-container/maincontainer-section-en.html b/common/main-container/maincontainer-section-en.html
new file mode 100644
index 0000000000..531f55431e
--- /dev/null
+++ b/common/main-container/maincontainer-section-en.html
@@ -0,0 +1,60 @@
+---
+{
+	"altLangPage": "maincontainer-section-fr.html",
+	"dateModified": "2023-07-04",
+	"description": "Documentation on how to use main container with a section.",
+	"language": "en",
+	"title": "Main Container with section",
+	"layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+		{%- if page.titleH1 -%}
+			{{ page.titleH1 }}
+		%- {elsif page.title -%}
+			{{ page.title }}
+		{%- else -%}
+			Page untitled
+		{%- endif -%}
+{%- endcapture -%}
+
+<div class="wb-prettify all-pre hide"></div>
+
+<main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+	<section>
+		<!-- heading -->
+		<h1 id="wb-cont">Section</h1>
+
+		<!-- content page -->
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur
+			tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac
+			consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu
+			interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas
+			dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet
+			quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis
+			commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam
+			euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt
+			lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.</p>
+
+		<!-- Page details section [Must be configured as a <footer> element in this situation] -->
+
+		<h2>Code</h2>
+	<pre><code>
+	&lt;main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"&gt;
+		&lt;section&gt;
+			&lt;!-- heading --&gt;
+			&lt;h1 id="wb-cont"&gt;Section&lt;/h1&gt;
+
+			&lt;!-- content page --&gt;
+
+			&lt;!-- Page details section [Must be configured as a &lt;footer&gt; element in this situation] --&gt;
+
+		&lt;/section&gt;
+	&lt;/main&gt;
+	</code></pre>
+
+	</section>
+
+</main>
diff --git a/common/main-container/maincontainer-section-fr.html b/common/main-container/maincontainer-section-fr.html
new file mode 100644
index 0000000000..5d827365c5
--- /dev/null
+++ b/common/main-container/maincontainer-section-fr.html
@@ -0,0 +1,60 @@
+---
+{
+	"altLangPage": "maincontainer-section-en.html",
+	"dateModified": "2023-07-04",
+	"description": "Documentation sur l'utilisation du conteneur principal avec une section.",
+	"language": "fr",
+	"title": "Conteneur Principal avec section",
+	"layout": "core"
+}
+---
+
+{%- include variable-core.liquid -%}
+{%- capture page-title -%}
+		{%- if page.titleH1 -%}
+			{{ page.titleH1 }}
+		%- {elsif page.title -%}
+			{{ page.title }}
+		{%- else -%}
+			Page untitled
+		{%- endif -%}
+{%- endcapture -%}
+
+<div class="wb-prettify all-pre hide"></div>
+
+<main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement">
+	<section>
+		<!-- heading -->
+		<h1 id="wb-cont">Section</h1>
+
+		<!-- content page -->
+		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ex arcu, faucibus a nisi a, consectetur
+			tincidunt elit. In varius elementum nunc, nec sollicitudin lorem malesuada at. Duis commodo quis enim ac
+			consectetur. Morbi facilisis tincidunt est, quis auctor lectus commodo eu. In pulvinar mi ligula, eu
+			interdum sem lacinia nec. Phasellus tempus mi id massa laoreet, a pellentesque dui venenatis. Maecenas
+			dignissim, lorem pretium facilisis tincidunt, dui massa iaculis turpis, quis convallis justo justo sit amet
+			quam. Donec consectetur eleifend fringilla. Cras eu rhoncus dui. Nam sit amet libero commodo quam sagittis
+			commodo eu eget nisl. Vestibulum vitae consequat velit. Ut blandit metus id justo efficitur, id maximus quam
+			euismod. Pellentesque eros libero, hendrerit non viverra at, euismod eu nunc. Fusce sit amet tincidunt
+			lacus. Proin dictum arcu at leo aliquam placerat. Donec volutpat ornare condimentum.</p>
+
+		<!-- Section des détails de la page [Doit être configuré comme un élément <footer> dans cette situation] -->
+
+		<h2>Code</h2>
+	<pre><code>
+	&lt;main class="container" property="mainContentOfPage" resource="#wb-main" typeof="WebPageElement"&gt;
+		&lt;section&gt;
+			&lt;!-- heading --&gt;
+			&lt;h1 id="wb-cont"&gt;Section&lt;/h1&gt;
+
+			&lt;!-- contenu de la page --&gt;
+
+			&lt;!-- Section des détails de la page [Doit être configuré comme un élément &lt;footer&gt; dans cette situation] --&gt;
+
+		&lt;/section&gt;
+	&lt;/main&gt;
+	</code></pre>
+
+	</section>
+
+</main>
diff --git a/common/main-container/reports/pre-a11y-1-en.html b/common/main-container/reports/pre-a11y-1-en.html
new file mode 100644
index 0000000000..d94c62a9bc
--- /dev/null
+++ b/common/main-container/reports/pre-a11y-1-en.html
@@ -0,0 +1,15 @@
+---
+{
+	"title": "Pre Accessibility assessment #1 - Main Container",
+	"language": "en",
+	"description": "Pre assessment of the Main Container component.",
+	"tag": "footer",
+	"parentdir": "footer",
+	"parentPage": "Footer",
+	"parentPageURL": "footer",
+	"altLangPage": "pre-a11y-1-fr.html",
+	"dateModified": "2023-08-11",
+	"layout": "assessment_wrote_en-en",
+	"reportURL": "pre-a11y-1.json"
+}
+---
diff --git a/common/main-container/reports/pre-a11y-1-fr.html b/common/main-container/reports/pre-a11y-1-fr.html
new file mode 100644
index 0000000000..c599dd928a
--- /dev/null
+++ b/common/main-container/reports/pre-a11y-1-fr.html
@@ -0,0 +1,15 @@
+---
+{
+	"title": "Pre Assessment d'accessibilité #1 - Conteneur Principal",
+	"language": "fr",
+	"description": "Pre Assessment d'accessibilité pour les panneaux",
+	"tag": "footer",
+	"parentdir": "footer",
+	"parentPage": "Pied de page",
+	"parentPageURL": "footer",
+	"altLangPage": "pre-a11y-1-en.html",
+	"dateModified": "2023-08-11",
+	"layout": "assessment_wrote_en-fr",
+	"reportURL": "pre-a11y-1.json"
+}
+---
diff --git a/common/main-container/reports/pre-a11y-1.json b/common/main-container/reports/pre-a11y-1.json
new file mode 100644
index 0000000000..ed26d4f7c0
--- /dev/null
+++ b/common/main-container/reports/pre-a11y-1.json
@@ -0,0 +1,592 @@
+{
+  "@context": "https://wet-boew.github.io/vocab/context/2023/conformance-report-en.json",
+  "@type": [
+    "earl:Assertion",
+    "acr:AssessmentReport"
+  ],
+  "earl:subject": {
+    "@id": "_:subject",
+    "dct:references": "https://example.com/web/page/url.html",
+    "@type": [
+      "earl:TestSubject",
+      "schema:WebPage"
+    ],
+    "dct:description": "Pre assessment for the main container component.",
+    "earl:pointer": {
+      "@type": "oa:CssSelector",
+      "@value": "main"
+    }
+  },
+  "earl:assertedBy": {
+    "foaf:name": "Service Canada - Principal Publisher",
+    "foaf:homepage": "https://github.com/ServiceCanada",
+    "@type": [
+      "earl:Assertor",
+      "foaf:Organization"
+    ],
+    "earl:mainAssertor": {
+      "foaf:name": "Jospeh Diab (Github: @josephdiab)",
+      "foaf:homepage": "https://github.com/josephdiab",
+      "@type": [
+        "earl:Assertor",
+        "foaf:Person"
+      ]
+    }
+  },
+  "dct:date": "2023-08-03",
+  "dct:description": "Analyzing and exploring the subject and produce a pre-evaluation of all WCAG 2.1 SC at level AA.",
+  "dct:source": "act:rulesets/wcag2x/wcag21_all_levelAA.json",
+  "acr:standard": "https://www.w3.org/TR/WCAG21",
+  "acr:conformanceOption": "act:standard/profiles/wcag#levelAA",
+  "earl:result": [{
+      "earl:test": "WCAG21:non-text-content",
+      "earl:outcome": "earl:untested",
+      "earl:subject": "_:subject",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:audio-only-and-video-only-prerecorded",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:captions-prerecorded",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:audio-description-or-media-alternative-prerecorded",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:captions-live",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:audio-description-prerecorded",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:info-and-relationships",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:meaningful-sequence",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:sensory-characteristics",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:orientation",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:identify-input-purpose",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:use-of-color",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:audio-control",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:contrast-minimum",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:resize-text",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:image-of-text",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:reflow",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:non-text-contrast",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:text-spacing",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:content-on-hover-or-focus",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:keyboard",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:no-keyboard-trap",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:character-key-shortcuts",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:timing-adjustable",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:pause-stop-hide",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:three-flashes-or-below-threshold",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:bypass-blocks",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:page-titled",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:focus-order",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:link-purpose-in-context",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:multiple-ways",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:headings-and-labels",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:focus-visible",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:pointer-gestures",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:pointer-cancellation",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:label-in-name",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:motion-actuation",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:language-of-page",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:language-of-parts",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:on-focus",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:on-input",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:consistent-navigation",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:consistent-identification",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:error-identification",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:labels-or-instructions",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:error-suggestion",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:error-prevention-legal-financial-data)",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:inapplicable",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:parsing",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:name-role-value",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    },
+    {
+      "earl:test": "WCAG21:status-messages",
+      "earl:subject": "_:subject",
+      "earl:outcome": "earl:untested",
+      "dct:description": "",
+      "earl:mode": "earl:unknownMode",
+      "@type": [
+        "earl:TestResult",
+        "earl:Assertion"
+      ]
+    }
+  ]
+}