[ accessibility-tips ]

Using keyboard for content accessibility

General keycode values used :

KeyCode
tab9
enter13
space32
left arrow37
up arrow38
right arrow39
down arrow40
var code = e.keyCode ? e.keyCode : e.which;
var keyCode = e.keyCode || e.which;
$('#id').on('keyup keypress', function (e) {
var keyCode = e.keyCode || e.which;
if (keyCode == 32 || keyCode == 13) {
e.preventDefault();
return false;
}
});

Trapping focus inside modal

$(document).ready(function () {
$('#yourModal').on('shown.bs.modal', function () {
$(this).focus();
});
});

Thank you so much for reading my article.😊