gdkraus/accessible-modal-dialog

Clicking outside the modal allows user to tab between non-dialog elements

lukito opened this issue · 2 comments

Referring to http://accessibility.oit.ncsu.edu/training/aria/modal-window/version-3/

  1. Click "view the modal window" to show the modal dialog.
  2. Click anywhere outside the modal, in the "greyed-out" area.
  3. Hit "tab" and you can see the focus move between the links and buttons of the main content.

I'd suggest preventing the loss of focus from the modal with js. While the aria-hidden=true attribute prevents speaking of links, it doesn't meets the criteria for a modal which must keep focus until submitted or canceled.

This is fixed now in version 4