mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-24 18:04:43 +02:00
Code Issues Projects Releases Wiki Activity

MDL-79007 calendar: Make screen readers read the new month name

Browse Source
This commit is contained in:
Mark Johnson 2024-01-24 14:40:12 +00:00
parent f419983b32
commit a64446c2ad
No known key found for this signature in database
GPG Key ID: EB30E1468CFAE242
5 changed files with 16 additions and 4 deletions

2
calendar/amd/build/calendar.min.js vendored

File diff suppressed because one or more lines are too long

2
calendar/amd/build/calendar.min.js.map

File diff suppressed because one or more lines are too long

12
calendar/amd/src/calendar.js

@ -35,6 +35,7 @@ define([
'core_calendar/selectors',
'core/config',
'core/url',
'core/str',
],
function(
$,
@ -47,6 +48,7 @@ function(
CalendarSelectors,
Config,
Url,
Str,
) {
var SELECTORS = {
@ -59,7 +61,9 @@ function(
CALENDAR_MONTH_WRAPPER: ".calendarwrapper",
TODAY: '.today',
DAY_NUMBER_CIRCLE: '.day-number-circle',
DAY_NUMBER: '.day-number'
DAY_NUMBER: '.day-number',
SCREEN_READER_ANNOUNCEMENTS: '.calendar-announcements',
CURRENT_MONTH: '.calendar-controls .current'
};
/**
@ -153,6 +157,12 @@ function(
body.on(CalendarEvents.eventMoved, function() {
CalendarViewManager.reloadCurrentMonth(root);
});
// Announce the newly loaded month to screen readers.
body.on(CalendarEvents.monthChanged, root, async function() {
const monthName = body.find(SELECTORS.CURRENT_MONTH).text();
const monthAnnoucement = await Str.get_string('newmonthannouncement', 'calendar', monthName);
body.find(SELECTORS.SCREEN_READER_ANNOUNCEMENTS).html(monthAnnoucement);
});
CalendarCrud.registerEditListeners(root, eventFormModalPromise);
};

3
calendar/templates/header.mustache

@ -39,4 +39,5 @@
{{{filter_selector}}}
{{/filter_selector}}
{{> core_calendar/add_event_button}}
</div>
</div>
<div aria-live="polite" class="sr-only calendar-announcements"></div>

1
lang/en/calendar.php

@ -192,6 +192,7 @@ $string['moreevents'] = '{$a} more';
$string['namewithsource'] = '{$a->name} ({$a->source})';
$string['never'] = 'Never';
$string['newevent'] = 'New event';
$string['newmonthannouncement'] = 'Calendar is now set to {$a}.';
$string['notitle'] = 'no title';
$string['noupcomingevents'] = 'There are no upcoming events';
$string['nocalendarsubscriptions'] = 'No calendar subscriptions yet. Do you want to {$a}';