Updates for WCAG 2.2 (#132)

* First steps for WCAG 2.2

* Ignore package-lock

* Change version of Understanding links based on WCAG version

* Update contacts

* Remove 4.1.1

* Fix for missing criteria when changing scope

* Handle removal of 4.1.1

* Remove duplicated criteria

* Correct links to 2.0 understanding documents

This links to the 2.0 understanding documents within the TR space, not the ones in the WAI space.

The default on opening EM Report tool is 2.2 and most people will be using that or 2.1. So the slightly less than ideal experience for 2.0 is acceptable.

Agreed by @shawna-slh and @iadawn

---------

Co-authored-by: mhansma96 <michel.hansma@han.nl>

.gitignore

@@ -10,3 +10,4 @@ build
 # but not by platforms like Github Pages.
 # Files prefixed with `_` are ignored by default.
 translations_*.json
+package-lock.json

src/components/form/SampleInput/SampleInput.svelte

@@ -81,6 +81,7 @@
   let valueContainer;
   let showHelptext = false;
   const { translate } = getContext('app');
+  import assertions from '@app/stores/earl/assertionStore/index.js';
 
   $: TRANSLATED = {
     NO_SAMPLE: $translate('PAGES.SAMPLE.NO_PAGES_DEFINED'),
@@ -119,6 +120,7 @@
       newValue.splice(indexSample, 1);
       value = newValue;
       // @TODO: removeSample.delete(); !required for cleanup
+      $assertions = $assertions.filter(assertion => assertion.subject.id !== removeSample.id);
       subjects.remove(removeSample);
   }
 }

src/components/pages/Evaluation/DefineScopePage.svelte

@@ -157,7 +157,6 @@
       subject = $subjects.find((subject) => {
         return subject.type.indexOf(TestSubjectTypes.WEBSITE) >= 0;
     });
-
     test = $tests.find(($test) => {
       return $test.num === check;
     });

src/components/ui/Auditor/Criterion.svelte

@@ -7,13 +7,22 @@
     <h3>{num}: {TRANSLATED.CRITERION.TITLE}</h3>
     <em class="criterion-header__level">Level {conformanceLevel}</em>
     <div class="criterion__resource-links">
-      <ResourceLink
-        href="https://www.w3.org/WAI/WCAG21/Understanding/{id}.html"
-      >
-        {TRANSLATED.UNDERSTAND_BUTTON}
-        {num}
-      </ResourceLink>
-      <ResourceLink href="https://www.w3.org/WAI/WCAG21/quickref/#{id}">
+			{#if wcagVersion == '20'}
+	      <ResourceLink
+	        href="https://www.w3.org/TR/UNDERSTANDING-WCAG{wcagVersion}/{id}.html"
+	      >
+	        {TRANSLATED.UNDERSTAND_BUTTON}
+	        {num}
+	      </ResourceLink>
+			{:else}
+	      <ResourceLink
+	        href="https://www.w3.org/WAI/WCAG{wcagVersion}/Understanding/{id}.html"
+	      >
+	        {TRANSLATED.UNDERSTAND_BUTTON}
+	        {num}
+	      </ResourceLink>
+			{/if}
+      <ResourceLink href="https://www.w3.org/WAI/WCAG{wcagVersion}/quickref/#{id}">
         {TRANSLATED.HOW_TO_BUTTON}
         {num}
       </ResourceLink>
@@ -133,7 +142,9 @@ import Acknowledgements from '../../pages/Acknowledgements.svelte';
   export let criterionDetailsOpen = false;
   let criterionDetails;
 
-  const { translate, translateToObject } = getContext('app');
+  const { translate, translateToObject, scopeStore } = getContext('app');
+
+  $: wcagVersion = $scopeStore['WCAG_VERSION'].replace(".", "");
 
   $: TRANSLATED = {
     UNDERSTAND_BUTTON: $translate('PAGES.AUDIT.UNDERSTAND'),