Skip to content

Accessibility - unable to tab through modals #268

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
joloveridge opened this issue Jan 28, 2020 · 2 comments · May be fixed by #294
Open

Accessibility - unable to tab through modals #268

joloveridge opened this issue Jan 28, 2020 · 2 comments · May be fixed by #294

Comments

@joloveridge
Copy link

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
@ovrzls
Copy link

ovrzls commented Aug 13, 2020

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

});

`

Zenoo added a commit to Zenoo/jquery-modal that referenced this issue Jul 3, 2021
@Zenoo
fix: Trap focus inside modal. Fixes kylefox#268
bda9407
@Zenoo Zenoo linked a pull request Jul 3, 2021 that will close this issue
Open
@Zenoo
Copy link

Zenoo commented Jul 3, 2021

#294 Should fix the issue.

styletronix added a commit to styletronix/jquery-modal that referenced this issue May 6, 2023
@styletronix
Merge pull request #7 from Zenoo/fix-268
e6dd404 
fix: Trap focus inside modal. Fixes kylefox#268
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: Trap focus inside modal. Fixes #268 Zenoo/jquery-modal
3 participants
@joloveridge @ovrzls @Zenoo