From 5d9fb70f70909fcf11145c1824b4aa7c6edb6a9a Mon Sep 17 00:00:00 2001
From: Shamim Rezaie <shamim@moodle.com>
Date: Tue, 7 Jul 2020 10:04:54 +1000
Subject: [PATCH] MDL-68444 calendar: Improve how screenreaders say week titles

Also removed the scope attribute from the mini-calendar table
because according to https://www.w3.org/TR/WCAG20-TECHS/H63.html
it was not needed:
  Note 1: For simple tables that have the headers in the first row
  or column then it is sufficient to simply use the TH elements without
  scope.
---
 calendar/templates/month_detailed.mustache | 5 +++--
 calendar/templates/month_mini.mustache     | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/calendar/templates/month_detailed.mustache b/calendar/templates/month_detailed.mustache
index b8087056d1c..ba8048fd3ae 100644
--- a/calendar/templates/month_detailed.mustache
+++ b/calendar/templates/month_detailed.mustache
@@ -46,8 +46,9 @@
         <thead>
             <tr>
                 {{# daynames }}
-                <th class="header text-xs-center" aria-label="{{fullname}}">
-                    {{shortname}}
+                <th class="header text-xs-center">
+                    <span class="sr-only">{{fullname}}</span>
+                    <span aria-hidden="true">{{shortname}}</span>
                 </th>
                 {{/ daynames }}
             </tr>
diff --git a/calendar/templates/month_mini.mustache b/calendar/templates/month_mini.mustache
index 55a345c346e..4ff26560f2b 100644
--- a/calendar/templates/month_mini.mustache
+++ b/calendar/templates/month_mini.mustache
@@ -78,8 +78,9 @@
         <thead>
           <tr>
                 {{# daynames }}
-                <th class="header text-xs-center" scope="col" aria-label="{{fullname}}">
-                    {{shortname}}
+                <th class="header text-xs-center">
+                    <span class="sr-only">{{fullname}}</span>
+                    <span aria-hidden="true">{{shortname}}</span>
                 </th>
                 {{/ daynames }}
             </tr>