Web Accessibility Assessment Methodology: Cover WCAG 2.1

* Updated original content
* Added WCAG 2.1's extra success criteria to the tool
* Changed naming scheme of guideline IDs/aria-describedby attributes due to guideline 2.5's introduction and to be easier to maintain
* Changed total numbers of success criteria in the tool
* Kept links to WCAG 2.0 success criteria and glossary section as-is...
  * No authorized French translation of WCAG 2.1 currently exists
  * WCAG 2.0's success criteria is unchanged in 2.1
  * Glossary content sourced from WCAG 2.0 is virtually identical in 2.1 (only differences are note/example heading naming schemes, coloured boxes, coding markup and term link destinations)

site/pages/docs/ref/wamethod/wamethod-en.hbs

@@ -4,22 +4,22 @@
 	"language": "en",
 	"category": "Other",
 	"categoryfile": "other",
-	"description": "Provides an assessment methodology that assists with measuring conformance to the Web Content Accessibility Guidelines (WCAG) 2.0 Level A, AA and AAA Success Criteria.",
+	"description": "Provides an assessment methodology that assists with measuring conformance to the Web Content Accessibility Guidelines (WCAG) 2.1 Level A, AA and AAA Success Criteria.",
 	"altLangPrefix": "wamethod",
-	"dateModified": "2014-02-19"
+	"dateModified": "2019-08-05"
 }
 ---
 <span class="wb-prettify all-pre hide"></span>
 
 <section>
 	<h2>Purpose</h2>
-	<p>Provides an assessment methodology that assists with measuring conformance to the Web Content Accessibility Guidelines (WCAG) 2.0 Level A, AA, and AAA Success Criteria.</p>
+	<p>Provides an assessment methodology that assists with measuring conformance to the Web Content Accessibility Guidelines (WCAG) 2.1 Level A, AA, and AAA Success Criteria.</p>
 </section>
 
 <section>
 	<h2>Use when</h2>
 	<ul>
-		<li>Assessing conformance to the the Web Content Accessibility Guidelines (WCAG) 2.0 Level A, AA, and AAA Success Criteria.</li>
+		<li>Assessing conformance to the the Web Content Accessibility Guidelines (WCAG) 2.1 Level A, AA, and AAA Success Criteria.</li>
 	</ul>
 </section>
 

site/pages/docs/ref/wamethod/wamethod-fr.hbs

@@ -4,24 +4,24 @@
 	"language": "fr",
 	"category": "Autre",
 	"categoryfile": "other",
-	"description": "Offre une méthodologie d’évaluation qui permet de mesurer le degré de conformité aux Règles pour l’accessibilité des contenus Web (WCAG) 2.0 pour les critères de succès de niveau A, AA et AAA.",
+	"description": "Offre une méthodologie d’évaluation qui permet de mesurer le degré de conformité aux Règles pour l’accessibilité des contenus Web (WCAG) 2.1 pour les critères de succès de niveau A, AA et AAA.",
 	"altLangPrefix": "wamethod",
-	"dateModified": "2014-08-15"
+	"dateModified": "2019-08-05"
 }
 ---
 <span class="wb-prettify all-pre hide"></span>
 
 <section>
 	<h2>But</h2>
-	<p>Offre une méthodologie d’évaluation qui permet de mesurer le degré de conformité aux Règles pour l’accessibilité des contenus Web (WCAG) 2.0 pour les critères de succès de niveau A, AA et AAA.</p>
+	<p>Offre une méthodologie d’évaluation qui permet de mesurer le degré de conformité aux Règles pour l’accessibilité des contenus Web (WCAG) 2.1 pour les critères de succès de niveau A, AA et AAA.</p>
 </section>
 
 <div lang="en">
 <p><strong>Needs translation</strong></p>
 <section>
 	<h2>Utiliser afin</h2>
 	<ul>
-		<li>D'évaluer le degré de conformité aux Règles pour l’accessibilité des contenus Web (WCAG) 2.0 pour les critères de succès de niveau A, AA et AAA.</li>
+		<li>D'évaluer le degré de conformité aux Règles pour l’accessibilité des contenus Web (WCAG) 2.1 pour les critères de succès de niveau A, AA et AAA.</li>
 	</ul>
 </section>
 

src/other/wamethod/demo/wamethod.js

@@ -35,7 +35,7 @@ var componentName = "wb-wamethod",
 	rsltAAA = document.getElementById( "rsltAAA" ),
 	percAAA = document.getElementById( "percAAA" ),
 	aaaIncluded = rsltAAA !== null,
-	successCriteriaDivideBy = aaaIncluded ? 0.61 : 0.38,
+	successCriteriaDivideBy = aaaIncluded ? 0.78 : 0.50,
 
 	/**
 	 * @method init
@@ -82,13 +82,13 @@ $document.on( "change", selector + " input", function() {
 	// Update number of Success Criteria evaluated and passed
 	$summaryTd.attr( "aria-busy", "true" );
 	rsltA.innerHTML = aPassed;
-	percA.innerHTML = Math.round( aPassed / 0.25 );
+	percA.innerHTML = Math.round( aPassed / 0.30 );
 	rsltAA.innerHTML = aaPassed;
-	percAA.innerHTML = Math.round( aaPassed / 0.13 );
+	percAA.innerHTML = Math.round( aaPassed / 0.20 );
 	naTotal.innerHTML = naChecked;
 	if ( aaaIncluded ) {
 		rsltAAA.innerHTML = aaaPassed;
-		percAAA.innerHTML = Math.round( aaaPassed / 0.23 );
+		percAAA.innerHTML = Math.round( aaaPassed / 0.28 );
 	}
 	evalTotal.innerHTML = aEvaluated + aaEvaluated + aaaEvaluated;
 	percEvalTotal.innerHTML = Math.round( ( aEvaluated + aaEvaluated + aaaEvaluated ) / successCriteriaDivideBy );