react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

A11y Fail: Date Picker - Need different keyboard command for Help

Open orion-cengage opened this issue 1 year ago • 1 comments

CENG_1509

https://react-magma.cengage.com/version/4.5.0/api/date-pickers/

Issue:

The Calendar Help modal dialog provides instructions for using various key commands (such as arrows, Enter, Page Down, etc.). One of the key commands is a question mark (?), which can be used to open the Calendar Help modal. This is considered a single printable character key shortcut which can create problems for speech input users and for keyboard users who are prone to accidentally hit keys.

Suggestion:

Change keyboard shortcut for the keyboard instructions to ctrl+shift+?, and update how and where we teach users this shortcut.

Edit list of keyboard instructions:

image

Add to Tooltip on button:

image

orion-cengage avatar Aug 21 '24 15:08 orion-cengage

Ensure that we do sufficient cross browser testing when implementing this

silvalaura avatar Aug 21 '24 19:08 silvalaura

Browsers: Safari 18 Chrome 129 Firefox 131

Help panel keyboard shortcut has been removed, so ? should no longer trigger it ✅ The shortcut description is removed from the help panel list ✅ i18n variables and unit tests are cleaned up ✅

chris-cedrone-cengage avatar Oct 01 '24 13:10 chris-cedrone-cengage