From 501f792893378844f7dfcdb65b84fdadfb04a95d Mon Sep 17 00:00:00 2001
From: Jun Pataleta <jun@moodle.com>
Date: Thu, 28 Aug 2025 13:41:16 +0800
Subject: [PATCH] MDL-86479 theme_boost: Fix a11y issues on the course index
 options

* Add aria-label for the options menu button.
* Add proper menu and menuitem roles for the options menu.
---
 .../boost/templates/courseindexdrawercontrols.mustache    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/public/theme/boost/templates/courseindexdrawercontrols.mustache b/public/theme/boost/templates/courseindexdrawercontrols.mustache
index fb19b24faa9..ef572c64c6d 100644
--- a/public/theme/boost/templates/courseindexdrawercontrols.mustache
+++ b/public/theme/boost/templates/courseindexdrawercontrols.mustache
@@ -25,18 +25,21 @@
 }}
 <div id="courseindexdrawercontrols" class="dropdown">
     <button class="btn btn-icon mx-2"
+            id="courseindexdrawercontrolsmenubutton"
             type="button"
             data-bs-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-end">
+    <div class="dropdown-menu dropdown-menu-end" 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>