From a8a6ece75baf4ff7d65579707fa14aca515323d4 Mon Sep 17 00:00:00 2001
From: Riley O'Donnell <riley.odonnell@d2l.com>
Date: Mon, 9 Dec 2024 17:02:15 -0500
Subject: [PATCH] add tabs role pattern to question set

---
 js/questionset.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/js/questionset.js b/js/questionset.js
index dc201c3..a7a285e 100644
--- a/js/questionset.js
+++ b/js/questionset.js
@@ -304,6 +304,7 @@ H5P.QuestionSet = function (options, contentId, contentData) {
   for (let i=0; i<params.questions.length; i++) {
     $('<div>', {
       class: 'question-container',
+      role: 'tabpanel',
       appendTo: self.$questionsContainer
     });
   }
@@ -323,6 +324,7 @@ H5P.QuestionSet = function (options, contentId, contentData) {
   if (params.progressType == "dots") {
     self.$dotsContainer = $('<ul>', {
       class: 'dots-container',
+      role: 'tablist',
       appendTo: self.$progressBar
     });
 
@@ -340,7 +342,7 @@ H5P.QuestionSet = function (options, contentId, contentData) {
                 '" ' +
               'tabindex="-1" ' +
               (params.disableBackwardsNavigation ? 'aria-disabled="true"' : '') +
-              '></a>',
+              ' role="tab"></a>',
         appendTo: self.$dotsContainer
       })
     }