PLAY-2780 | Adjusted labels for better accessibility and added more unique identifiers

Author: rfallin

lib/marked.js

@@ -857,14 +857,14 @@ Renderer.prototype.code = function(code, lang, escaped, attr) {
 
 Renderer.prototype.quiz = function(quizTokens) {
   var body = "<section class='quiz'>" +" <h1>" + quizTokens.text + "</h1>";
-
   body += "<form id='quiz-group-" + quizTokens.id + "'>";
   for (var i = 0; i < quizTokens.items.length; i++) {
     var e = quizTokens.items[i];
+    var uniqueId = getRandomInt(10000);
     if(e.type === "text") {
-      body += "<label for='quiz-group-" + quizTokens.id + "-" + i + "' class='incorrect'></label><input id='quiz-group-" + quizTokens.id + "-" + i + "' name='quiz-group-" + quizTokens.id + "-" + i + "' type='text' data-answer='" + (e.option || "") + "' data-value='" + e.text.toString("base64") + "'  />";
+      body += "<label for='quiz-group-" + quizTokens.id + "-" + uniqueId + "' class='incorrect'><input id='quiz-group-" + quizTokens.id + "-" + uniqueId + "' name='quiz-group-" + quizTokens.id + "-" + uniqueId + "' type='text' data-answer='" + (e.option || "") + "' data-value='" + e.text.toString("base64") + "'  /></label>";
     } else {
-      body += "<label for='quiz-group-" + quizTokens.id + "-" + i + "' class='incorrect'></label><input id='quiz-group-" + quizTokens.id + "-" + i + "' name='quiz-group-" + quizTokens.id + "-" + i + "' type='" + e.type + "' data-answer='" + (e.option || "") + "' />" + e.text + "</br>";
+      body += "<label for='quiz-group-" + quizTokens.id + "-" + uniqueId + "' class='incorrect'><input id='quiz-group-" + quizTokens.id + "-" + uniqueId + "' name='quiz-group-" + quizTokens.id + "-" + uniqueId + "' type='" + e.type + "' data-answer='" + (e.option || "") + "' />" + e.text + "</label></br>";
     }
   }
 
@@ -1382,3 +1382,7 @@ if (typeof module !== 'undefined' && typeof exports === 'object') {
 }).call(function() {
   return this || (typeof window !== 'undefined' ? window : global);
 }());
+
+function getRandomInt(max) {
+  return Math.floor(Math.random() * Math.floor(max));
+}