add tabs role pattern to question set

h5p · Dec 9, 2024 · a8a6ece · a8a6ece
1 parent 23b97ec
commit a8a6ece
Showing 1 changed file with 3 additions and 1 deletion.
diff --git 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
       })
     }