From ed3f7c35bc5b2a16a93ff90811d239e0abc68110 Mon Sep 17 00:00:00 2001 From: Martin Renvoize Date: Wed, 22 Jul 2020 13:28:44 +0100 Subject: [PATCH] Bug 26041: Enable keyboard navigation without 'ctrl' This patch enables keyboard navigation using the arrow keys without the need to hold the control key for the jQuery UI datepicker. Test plan 1/ Navigate to an item in the opac and attempt to place a hold 2/ On the resultant screen, use keyboard navigation to trigger the 'Show more options' dropdown. 3/ Focus on one of the date inputs using keyboard navigation. 4/ Use 'ctrl + arrow' keys to navigate the datepicker. 5/ Note that prior to the patch using 'bare' arrow keys does not trigger anything 6/ Apply the patch and confirm that the datepicker can now be naviated using the arrow keys without holding the ctrl key. 7/ Confirm that using the ctrl key combinations continue to work as expected too. 8/ Signoff --- .../bootstrap/en/includes/opac-bottom.inc | 1 + koha-tmpl/opac-tmpl/bootstrap/js/a11y.js | 15 +++++++++++++++ 2 files changed, 16 insertions(+) create mode 100644 koha-tmpl/opac-tmpl/bootstrap/js/a11y.js diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/includes/opac-bottom.inc b/koha-tmpl/opac-tmpl/bootstrap/en/includes/opac-bottom.inc index a32e7a56ee..591d354b52 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/opac-bottom.inc +++ b/koha-tmpl/opac-tmpl/bootstrap/en/includes/opac-bottom.inc @@ -98,6 +98,7 @@ $.widget.bridge('uitooltip', $.ui.tooltip); [% Asset.js("lib/bootstrap/js/bootstrap.min.js") | $raw %] [% Asset.js("lib/fontfaceobserver.min.js") | $raw %] [% Asset.js("js/global.js") | $raw %] +[% Asset.js("js/a11y.js") | $raw %]