set active class and aria-current on the introduction item in the que…

…stion list
numbas · Nov 21, 2023 · 4393c40 · 4393c40
1 parent 646b288
commit 4393c40
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/themes/default/templates/nav-sequence.html b/themes/default/templates/nav-sequence.html
@@ -16,8 +16,8 @@ <h1 class="exam-name navmenu-brand" data-bind="text: exam.settings.name, typeset
         <!-- /ko -->
 
         <ul id="questionList" class="nav navmenu-nav">
-            <li class="introduction" data-bind="visible: exam.hasIntro">
-                <a href="#" class="clearfix" role="button" tabindex="0" data-bind="click: Numbas.controls.showIntroduction" data-localise="control.show introduction"></a>
+            <li class="introduction" data-bind="visible: exam.hasIntro, css: {active: $root.exam().infoPage()=='introduction'}">
+                <a href="#" class="clearfix" role="button" tabindex="0" data-bind="click: Numbas.controls.showIntroduction, attr: {'aria-current': $root.exam().infoPage()=='introduction' ? 'step' : false}" data-localise="control.show introduction"></a>
            </li>
             <!-- ko foreach: question_groups -->
                 <!-- ko if: $root.exam().showQuestionGroupNames -->