Merge branch 'MDL-86479-405' of https://github.com/junpataleta/moodle into MOODLE_405_STABLE

course/format/tests/behat/course_courseindex.feature

@@ -187,7 +187,7 @@ Feature: Course index depending on role
     And I should see "Section 3" in the "courseindex-content" "region"
     And I should see "Activity sample 3" in the "courseindex-content" "region"
 
-  @javascript
+  @javascript @accessibility
   Scenario: Course index toggling all sections
     When I am on the "Course 1" course page logged in as teacher1
     # Sections should be opened by default.
@@ -199,6 +199,7 @@ Feature: Course index depending on role
     And I should see "Activity sample 3" in the "courseindex-content" "region"
     # Collapse all sections
     And I click on "Course index options" "button" in the "#courseindexdrawercontrols" "css_element"
+    And the page should meet accessibility standards
     And I click on "Collapse all" "link" in the "#courseindexdrawercontrols" "css_element"
     And I should see "Section 1" in the "courseindex-content" "region"
     And I should not see "Activity sample 1" in the "courseindex-content" "region"

theme/boost/templates/courseindexdrawercontrols.mustache

@@ -25,18 +25,21 @@
 }}
 <div id="courseindexdrawercontrols" class="dropdown">
     <button class="btn btn-icon rounded-circle mx-2"
+            id="courseindexdrawercontrolsmenubutton"
             type="button"
             data-toggle="dropdown"
             aria-haspopup="true"
             aria-expanded="false"
             title="{{#str}}courseindexoptions, courseformat{{/str}}"
-    >
+            aria-label="{{#str}}courseindexoptions, courseformat{{/str}}"
+            aria-controls="courseindexdrawercontrolsmenu">
         <i class="icon fa fa-ellipsis-v fa-fw m-0" aria-hidden="true"></i>
     </button>
-    <div class="dropdown-menu dropdown-menu-right">
+    <div class="dropdown-menu dropdown-menu-right" role="menu" id="courseindexdrawercontrolsmenu" aria-labelledby="courseindexdrawercontrolsmenubutton">
         <a class="dropdown-item"
            href="#"
            data-action="expandallcourseindexsections"
+           role="menuitem"
         >
             {{#pix}} t/angles-down, core {{/pix}}
             {{#str}}expandall{{/str}}
@@ -44,6 +47,7 @@
         <a class="dropdown-item"
            href="#"
            data-action="collapseallcourseindexsections"
+           role="menuitem"
         >
             <span class="dir-rtl-hide">{{#pix}} t/angles-right, core {{/pix}}</span>
             <span class="dir-ltr-hide">{{#pix}} t/angles-left, core {{/pix}}</span>