Release 2.0.0 (#322)

- Add support for WCAG 2.1

    - Add WCAG version selection at scope step
    - Add WCAG version filter at audit step
    - Add compatibility with previous saved reports when opening a report

- Add new feature import; (add data from other evaluation reports)

- Update W3C/WAI logo and navbar styles

Author: rvantonisse

.editorconfig

@@ -11,6 +11,9 @@ root = true
 indent_style = space
 indent_size = 2
 
+[*.json]
+indent_size = 4
+
 # We recommend you to keep these unchanged
 end_of_line = lf
 charset = utf-8

app/images/Thumbs.db

@@ -49,12 +49,16 @@
   <script src="scripts/services/changeLanguage.js"></script>
   <script src="scripts/services/context/evalContextV1.js"></script>
   <script src="scripts/services/context/evalContextV2.js"></script>
+  <script src="scripts/services/context/evalContextV3.js"></script>
   <script src="scripts/services/knownTechnologies.js"></script>
   <script src="scripts/services/reportStorage.js"></script>
   <script src="scripts/services/evalLoader.js"></script>
   <script src="scripts/services/evalWindow.js"></script>
   <script src="scripts/services/fileReader.js"></script>
   <script src="scripts/services/showSave.js"></script>
+  <script src="scripts/services/wcagSpecIdMap.js"></script>
+  <script src="scripts/services/types.js"></script>
+  <script src="scripts/services/helpers/isObjectLiteral.js"></script>
 
   <script src="scripts/directives/criterion/criterionBody.js"></script>
   <script src="scripts/directives/criterion/earlAssert.js"></script>
@@ -109,6 +113,7 @@
   <script src="scripts/controllers/evaluation/report.js"></script>
   <script src="scripts/controllers/viewReport.js"></script>
   <script src="scripts/controllers/open.js"></script>
+  <script src="scripts/controllers/import.js"></script>
   <script src="scripts/controllers/save.js"></script>
   <script src="scripts/controllers/report/score.js"></script>
   <script src="scripts/controllers/report/findings.js"></script>

app/images/w3c.png

@@ -1,31 +1,32 @@
 {
-    "TITLE": "Step 4: Audit the Selected Sample",
-    "INTRO": "Record the outcome from evaluating the web pages selected in the previous step. Compare the results between the structured page and randomly selected pages, and if needed, adjust the selected sample in the previous step. More guidance on this step is provided in <a href={{link_em_4}}>WCAG-EM Step 4: Audit the Selected Sample</a>. <br> <strong>Note:</strong> For each WCAG 2.0 success criteria, you can enter 'Results for the entire sample' and you can enter results for individual web pages. You can choose to enter either or both. To enter individual results, select the web page(s) under 'Sample to Evaluate' (in the left column); then under the specific success criteria, select 'Show web pages to enter individual results'",
-    "INTRO_0": "",
-    "HD_SAMPLE_SELECT": "Sample to Evaluate",
-    "INF_AUDIT_SAMPLE": "This section lists the web pages you selected in the previous step. The web pages that are checked in this section are listed when 'Show web pages to enter individual results' is activated in the 'Success Criteria to Evaluate' section. You can show an individual web page that you are evaluating, or show several web pages at the same time. <br> The chainlink icon opens the web page in a separate browser window.",
+    "BTN_COLLAPSE_PAGES": "Hide web pages to enter individual results",
     "BTN_COMPLETE_SELECTED": "Set selected to complete",
-    "BTN_UNCOMPLETE_SELECTED": "Set selected to incomplete",
+    "BTN_EXPAND_PAGES": "Show web pages to enter individual results",
     "BTN_OPEN_SELECTED": "Open selected pages",
-    "NO_SAMPLE": "No sample available. Create a sample in step 2 and step 3.",
-    "TESTED": "Tested",
-    "HD_CRITERIA": "Success Criteria to Evaluate",
-    "INF_AUDIT_CRITERIA": "This section lists the WCAG 2.0 success criteria. Use the filter to show or hide success criteria of different levels (A, AA and AAA). You can select results as: 'Not checked', 'Passed', 'Failed', 'Not present', and 'Cannot tell'; and you can provide details, comments, or other observations made during evaluation in the accompanying text box.",
-    "FILTER": "Filter",
-    "PRINCIPLE": "Principle",
-    "NOTE": "Note",
     "BTN_SHOW_TEXT": "Show criterion text",
-    "UNDERSTAND": "Understanding",
+    "BTN_UNCOMPLETE_SELECTED": "Set selected to incomplete",
+    "CLICK_TO_DELETE": "Click to delete",
+    "FILTER": "Show",
+    "FILTER_NEW_IN_WCAG21": "Added in WCAG 2.1",
+    "HD_CRITERIA": "Success Criteria to Evaluate",
+    "HD_SAMPLE_SELECT": "Sample to Evaluate",
     "HOW_TO": "How to meet",
-    "SAMPLE_FINDINGS": "Results for the entire sample",
-    "BTN_EXPAND_PAGES": "Show web pages to enter individual results",
-    "BTN_COLLAPSE_PAGES": "Hide web pages to enter individual results",
+    "INF_AUDIT_CRITERIA": "This section lists the WCAG 2 success criteria. Use the filter to show or hide success criteria of different levels (A, AA and AAA). You can select results as: 'Not checked', 'Passed', 'Failed', 'Not present', and 'Cannot tell'; and you can provide details, comments, or other observations made during evaluation in the accompanying text box.",
+    "INF_AUDIT_SAMPLE": "This section lists the web pages you selected in the previous step. The web pages that are checked in this section are listed when 'Show web pages to enter individual results' is activated in the 'Success Criteria to Evaluate' section. You can show an individual web page that you are evaluating, or show several web pages at the same time. <br> The chainlink icon opens the web page in a separate browser window.",
+    "INTRO_0": "",
+    "INTRO": "Record the outcome from evaluating the web pages selected in the previous step. Compare the results between the structured page and randomly selected pages, and if needed, adjust the selected sample in the previous step. More guidance on this step is provided in <a href={{link_em_4}}>WCAG-EM Step 4: Audit the Selected Sample</a>. <br> <strong>Note:</strong> For each WCAG 2 success criteria, you can enter 'Results for the entire sample' and you can enter results for individual web pages. You can choose to enter either or both. To enter individual results, select the web page(s) under 'Sample to Evaluate' (in the left column); then under the specific success criteria, select 'Show web pages to enter individual results'",
     "LABEL_OUTCOME": "Outcome",
-    "UNTESTED": "{{critCount}} untested",
+    "LABEL_PAGE_HANDLE": "Short page name",
     "NO_PAGE_SELECTED": "No pages selected under Sample to Evaluate",
+    "NO_SAMPLE": "No sample available. Create a sample in step 2 and step 3.",
+    "NOTE": "Note",
     "PLH_ASSERT_DESC": "Observations made during evaluation",
-    "CLICK_TO_DELETE": "Click to delete",
-    "LABEL_PAGE_HANDLE": "Short page name",
+    "PRINCIPLE": "Principle",
+    "RESULTS_FOR": "Results for",
+    "SAMPLE_FINDINGS": "Results for the entire sample",
     "SELECT_ALL": "Select all web pages",
-    "RESULTS_FOR": "Results for"
-}
+    "TESTED": "Tested",
+    "TITLE": "Step 4: Audit the Selected Sample",
+    "UNDERSTAND": "Understanding",
+    "UNTESTED": "{{critCount}} untested"
+}

app/images/w3c.svg

@@ -2,7 +2,7 @@
     "TITLE": "Step 2: Explore the Target Website",
     "INTRO": "Explore the website to understand its purpose, functionality, and use. This step helps you determine which web pages to use for the evaluation in the next steps. Identify the web technologies used to provide the website and, if you want, take notes on other aspects of the website. Usually it is best to get input from the website owners and developers for this step. More guidance on this step is provided in <a href={{link_em_2}}>WCAG-EM Step 2: Explore the Target Website</a>.",
     "HD_RELIEDUP_TECH": "Web Technologies Relied Upon",
-    "INF_RELIEDUP_TECH": "Identify the web technologies <a href={{link_relied_upon}}>relied upon according to WCAG 2.0</a> to provide the website. For more information, see <a href={{link_em_2d}}>WCAG-EM Step 2.d: Identify Web Technologies Relied Upon</a>.<br> Note: To add other technologies, select 'Others' and use the 'Web Technology' and 'Specification Address (URL)' field. The 'Specification Address (URL)' field should identify the web technology specification.",
+    "INF_RELIEDUP_TECH": "Identify the web technologies <a href={{link_relied_upon}}>relied upon according to WCAG 2</a> to provide the website. For more information, see <a href={{link_em_2d}}>WCAG-EM Step 2.d: Identify Web Technologies Relied Upon</a>.<br> Note: To add other technologies, select 'Others' and use the 'Web Technology' and 'Specification Address (URL)' field. The 'Specification Address (URL)' field should identify the web technology specification.",
     "LABEL_TECH": "Web Technology",
     "LABEL_TECH_SPEC": "Specification Address (URL)",
     "PLH_TECH": "E.g. HTML5, CSS, DOM",
@@ -16,4 +16,4 @@
     "LABEL_VARIETY_PAGE_TYPES": "Variety of web page types",
     "INF_VARIETY_PAGE_TYPES": "You can use this field to take notes about the types (as opposed to instances) of web pages that you find on the web site. This includes notes about different styles, layouts, structures, and functionality provided on the website. For more information, see <a href={{link_em_2c}}>WCAG-EM Step 2.c: Identify the Variety of Web Page Types</a>.<br> Note: 'Web pages' include different 'web page states'; see definition of <a href={{link_page_state}}>web page states</a>.",
     "LABEL_OTHER": "Others..."
-}
+}

app/images/wai.png

@@ -0,0 +1,5 @@
+{
+    "TITLE": "Import a WCAG EARL report",
+    "INTRO": "If you have used another application to generate a WCAG EARL-report that falls into the scope of this evaluation, you may be able to import these and add them to the evaluation audit result. The file itself should be: JSON-LD parseable, consist of objects in EARL format and evaluation tests should be related to WCAG.",
+    "LABEL_SELECT_FILE": "Select a JSON-LD file"
+}