[MDL-30889] hovering over calendar events is not keyboard accessible - Moodle Tracker

XML

Word

Printable

Details

Type: Sub-task
Status: Closed
Priority: Minor
Resolution: Fixed
Affects Version/s: 2.1.1
Fix Version/s: 2.2.6, 2.3.3
Component/s: Accessibility, Calendar
Labels:
- triaged

Affected Branches:
MOODLE_21_STABLE
Fixed Branches:
MOODLE_22_STABLE, MOODLE_23_STABLE
Pull from Repository:
git://github.com/ankitagarwal/moodle.git
Pull Master Branch:
~~MDL-30889~~-master
Pull Master Diff URL:
https://github.com/ankitagarwal/moodle/compare/MDL-30889-master
Testing Instructions:
Hide

Test 1 (For master and stables)

This needs to be tested in all supported browsers

Goto site pages>calendar

Try to traverse using a keyboard.

Create a few different type of events if you already dont have any

make sure the mini calendar on the sidebar displays the popup with event details "on focus" (using keyboard) and "on mouseover" (using mouse)

Delete any events corresponding to current date

Make sure the mini calendar on the sidebar displays the popup with content saying "No events" "on focus" (using keyboard) and "on mouseover" (using mouse)

Test 2 (Just for master)

Make sure for the step 5 and step 7 cases the popup div has "aria-live=off" attribute. Make sure that changes to "aria-live=assertive" when the popup is displayed and changes back to "off" once the popup is invisible.

Make sure all links in the mini calendar on the side bar (corrosponding to days) have "aria-controls='.$popupid.'_panel" atrribute
Show
Test 1 (For master and stables) This needs to be tested in all supported browsers Goto site pages>calendar Try to traverse using a keyboard. Create a few different type of events if you already dont have any make sure the mini calendar on the sidebar displays the popup with event details "on focus" (using keyboard) and "on mouseover" (using mouse) Delete any events corresponding to current date Make sure the mini calendar on the sidebar displays the popup with content saying "No events" "on focus" (using keyboard) and "on mouseover" (using mouse) Test 2 (Just for master) Make sure for the step 5 and step 7 cases the popup div has "aria-live=off" attribute. Make sure that changes to "aria-live=assertive" when the popup is displayed and changes back to "off" once the popup is invisible. Make sure all links in the mini calendar on the side bar (corrosponding to days) have "aria-controls='.$popupid.'_panel" atrribute

Description

For the small calendars on the side of the page, either when viewing the main monthly calendar or in the calendar block, events can be seen by hovering over a date with a mouse, but this is not keyboard accessible and is not read by screen readers. An onfocus event, in addition to the onhover event, needs to be added so keyboard events will trigger the popup box. Also the popup will need to have the appropriate ARIA attributes.

Attachments

Issue Links

caused a regression

MDL-36303 Event links in calendar block have HTML special entities

Closed

MDL-42239 Calendar tooltips have bad aria-controls values

Closed

has a non-specific relationship to

MDL-42239 Calendar tooltips have bad aria-controls values

Closed

is duplicated by

MDL-32122 Calendar - Accessibility Issues

Closed

Activity

People

Assignee:: Ankit Agarwal

Reporter:: Greg Kraus

Peer reviewer:: Frédéric Massart

Integrator:: Sam Hemelryk

Tester:: Jason Fowler

Participants:: Ankit Agarwal, Dan Poltawski, Frédéric Massart, Greg Kraus, Jason Fowler, Sam Hemelryk

Component watchers:: David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo

Votes:: 1 Vote for this issue

Watchers:: 1 Start watching this issue

Dates

Created:: 23/Dec/11 12:33 PM

Updated:: 10/Oct/13 11:52 AM

Resolved:: 28/Sep/12 8:42 AM

Fix Release Date:: 12/Nov/12