jquery-modal icon indicating copy to clipboard operation
jquery-modal copied to clipboard

Accessibility - unable to tab through modals

Open joloveridge opened this issue 5 years ago • 2 comments

When tabbing through the page, I can hit enter to open a modal, but the tab focus remains in the background so I'm unable to tab through the contents of the modal

joloveridge avatar Jan 28 '20 11:01 joloveridge

I would love to see this addressed. I have tried many ways to focus on the modal and have not been able to. Accessibility is a primary issue for me now that the site is launched. I need to change focus after the modal fades up (also tried no fade) inorder for keyboard access.

`

jQuery(document).ready( function($) {

$('.modal').on('shown.bs.modal', function() {
	console.log('modal launched');
});//nothing...

$('.modal').on('show.bs.modal', function() {
	console.log('modal launched');
});//nope...

$('#id-for-modal')
	.on('show.bs.modal', function() {
	alert('shown!');
}).modal('show');//modal shows but no alert...

$(document).on('show.bs.modal','.modal', function () {
	alert('hi');
});//yep still nothing

});

`

ovrzls avatar Aug 13 '20 12:08 ovrzls

#294 Should fix the issue.

Zenoo avatar Jul 03 '21 11:07 Zenoo