Skip to content

Commit 3e16203

Browse files
committed
Update accessibility
1 parent 6d2131c commit 3e16203

File tree

1 file changed

+66
-9
lines changed

1 file changed

+66
-9
lines changed

accessibility

Lines changed: 66 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2218,7 +2218,7 @@ Accessibility.HSBC.NOWRefresh = function () {
22182218
Accessibility.HSBC.NOWRefresh.prototype = {
22192219
Init: function () {
22202220
var _self = this;
2221-
_self.addEventFocus();
2221+
_self.addEventKeyDown();
22222222

22232223
},
22242224
addEventFocus: function () {
@@ -2232,17 +2232,53 @@ Accessibility.HSBC.NOWRefresh.prototype = {
22322232
// _self.register.focused = false;
22332233
//};
22342234

2235-
$(document).on('focusin', 'a', function (event) {
2236-
var o = $(this);
2237-
_self.handleEvent(event,o);
2238-
}).on('focusout', 'a', function (event) {
2239-
var o = $(this);
2240-
_self.handleEvent(event,o);
2235+
//$(document).on('focusin', 'a', function (event) {
2236+
// var o = $(this);
2237+
// _self.handleEvent(event,o);
2238+
//}).on('focusout', 'a', function (event) {
2239+
// var o = $(this);
2240+
// _self.handleEvent(event,o);
2241+
//});
2242+
},
2243+
addEventKeyDown: function () {
2244+
var _self = this;
2245+
$(document).on('keydown', function (event) {
2246+
var e = event || window.event;
2247+
var target = e.target || e.srcElement;
2248+
var keyCode = (e.keyCode ? e.keyCode : e.which);
2249+
2250+
//tracking....
2251+
console.log('isfocused ' + _self.register.isFocused);
2252+
2253+
switch (keyCode) {
2254+
case 9:
2255+
//s
2256+
var options = {
2257+
currentTarget: target,
2258+
e: e
2259+
};
2260+
2261+
_self.tab(options)
2262+
//e
2263+
break;
2264+
case 27:
2265+
//s
2266+
console.log("Reset all keyboard functions");
2267+
_self.register.isTabPressed = false;
2268+
//e
2269+
break;
2270+
default:
2271+
console.log(target, keyCode);
2272+
2273+
}
2274+
22412275
});
2276+
22422277
}
22432278
};
22442279
Accessibility.HSBC.NOWRefresh.prototype.register = {
22452280
isFocused: false,
2281+
isTabPressed: false,
22462282
wait: undefined,
22472283
currentElement: undefined,
22482284
addEventListener: function (o) {
@@ -2274,8 +2310,29 @@ Accessibility.HSBC.NOWRefresh.prototype.handleEvent = function (e, o) {
22742310
_self.register.addEventListener(o);
22752311
_self.register.wait = setTimeout(_self.register.removeEventListener , 200);
22762312
};
2277-
2278-
2313+
Accessibility.HSBC.NOWRefresh.prototype.tab = function (options) {
2314+
var _self = this;
2315+
if (_self.register.isTabPressed==false) {
2316+
var e = options.e;
2317+
e.stopPropagation ? e.stopPropagation() : (e.cancelBubble = true);
2318+
e.preventDefault();
2319+
_self.register.isTabPressed = true;
2320+
//show the skip navigation
2321+
console.log("Skip Navigation show!");
2322+
2323+
2324+
$(document).delegate("*", "focus blur", function () {
2325+
var elem = $(this);
2326+
setTimeout(function () {
2327+
elem.toggleClass("accessibility-item", elem.is(":focus"));
2328+
}, 0);
2329+
});
2330+
console.log(options);
2331+
}
2332+
2333+
2334+
2335+
};
22792336

22802337
$(function () {
22812338
var accessbility = new Accessibility.HSBC.NOWRefresh();

0 commit comments

Comments
 (0)