Ensure simulated controls are keyboard accessible - Signup

Description

The "Sign Up" feature of the Meetings page in the Sakai environment provides a control to expand all recurring meetings. This control is presented visually as a plus sign, placed directly to the left of the meeting displayed. However, this is a simulated control that cannot receive keyboard focus and relies solely on the use of a mouse to activate. As such, keyboard-only users are unable to either navigate to or activate the control.

Developers must ensure that all simulated controls implemented in the environment are keyboard accessible. As this control is created by placing an onclick event handler on a <span> element, developers must include a <tabindex> value of "0" on the <span>, as well as device-independent event handlers to provide support for activating the control with the keyboard.http://qa03-sakai.marist.edu:8080/portal/site/e72d72d4-f582-4dce-8261-6b923060787c/tool/82119d3e-4a6e-4b26-8cee-5b95a366fef6/signupMeetings#A61f53ad1718bfc170e3fab0ba86ca25-HTML

Attachments

1

Activity

Show:

Matt Clare May 16, 2017 at 8:32 PM

Tested working on Master, Tuesday May 16, 2017

https://www.screencast.com/t/OImcbfrlcn

Matt Clare April 24, 2017 at 10:36 PM
Edited

Instructor works. The [+] icon left / immediately before a recurring entry toggles the expanded list of items with the mouse and cannot be selected with the keyboard.
Screencast https://www.screencast.com/t/QPHqN3xK53nF

HTML is:

Sam Ottenhoff April 24, 2017 at 7:18 PM

I can't figure out how to reach this as an instructor or student. I created recurring meetings but now what? Can someone attach a screenshot?

Matt Clare April 24, 2017 at 2:56 PM

Related to SAK-31629. onClick is not ideal. <button> would be best. There might be other options too.

Fixed

Details

Priority

Affects versions

Components

Assignee

Reporter

Created August 2, 2016 at 3:24 PM
Updated June 1, 2018 at 1:41 PM
Resolved May 4, 2017 at 1:01 PM