Bootstrap modal, trap tabs keys

Question

I'm making a page that has to be AA accessible. In one part we have a bootstrap modal, when it opens I want to tab only within it, without tabbing outside of it. Currently, when I keep tabbing, it tabs elements on the background of the modal.

How can I make it such that it traps the tabs and if the user keeps tabbing, it'll only tab inside the modal?

Please share your code. – Hema Nandagopal Jul 26 '17 at 14:30 — Hema Nandagopal, Jul 26 '17 at 14:30

score 0 · Answer 1 · answered Jul 26 '17 at 14:43

0

Set the style property tabindex:-1 for all elements you do not wish to be able to be tabbed to. Thus, you will restrict tabbing to inside the modal.

answered Jul 26 '17 at 14:43

Joe Bernstein

163
1
10

You mean HTML property. tabindex is not part of the CSS spec (Style). – Robert Koszewski Jun 08 '18 at 11:49

Bootstrap modal, trap tabs keys

1 Answers1