MDL-72923 message: Fixed levels of headings in messaging drawer.

moodle · Mar 6, 2024 · 9c8f09e · 9c8f09e
1 parent b2fa19f
commit 9c8f09e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/message/templates/message_drawer.mustache b/message/templates/message_drawer.mustache
@@ -36,6 +36,7 @@
 {{< core/drawer}}
     {{$drawercontent}}
         <div id="message-drawer-{{uniqid}}" class="message-app" data-region="message-drawer" role="region">
+            <h2 class="sr-only">{{#str}} messagingcategory,admin {{/str}}</h2>
             <div class="closewidget text-right pr-2">
                 <a class="text-dark btn-link" data-action="closedrawer" href="#"
                    title="{{#cleanstr}} closebuttontitle {{/cleanstr}}" aria-label="{{#cleanstr}} closebuttontitle {{/cleanstr}}"

diff --git a/message/templates/message_drawer_view_search_results_content.mustache b/message/templates/message_drawer_view_search_results_content.mustache
@@ -38,11 +38,11 @@
 <div class="d-flex flex-column">
     <div class="mb-3 bg-white" data-region="all-contacts-container">
         <div data-region="contacts-container"  class="pt-2">
-            <h4 class="h6 px-2">{{#str}} contacts, core_message {{/str}}</h4>
+            <h3 class="h6 px-2">{{#str}} contacts, core_message {{/str}}</h3>
             <div class="list-group" data-region="list"></div>
         </div>
         <div data-region="non-contacts-container" class="pt-2 border-top">
-            <h4 class="h6 px-2">{{#str}} noncontacts, core_message {{/str}}</h4>
+            <h3 class="h6 px-2">{{#str}} noncontacts, core_message {{/str}}</h3>
             <div class="list-group" data-region="list"></div>
         </div>
         <div class="text-right">
@@ -53,7 +53,7 @@
         </div>
     </div>
     <div class="bg-white" data-region="messages-container">
-        <h4 class="h6 px-2 pt-2">{{#str}} messages, core_message {{/str}}</h4>
+        <h3 class="h6 px-2 pt-2">{{#str}} messages, core_message {{/str}}</h3>
         <div class="list-group" data-region="list"></div>
         <div class="text-right">
             <button class="btn btn-link text-primary" data-action="load-more-messages">