a11y-dialog: Main ID for unknown html markup

Thanks for great accessible modal dialog script. I’ve been looking something like this for a while.

I understand perfectly why there is id="main" or passing the ID as a second parameter. However when I wanted to use this script in public WordPress Plugin where I can only take educated guess about ID names. In other words I don’t know html markup.

I guess my question is that would second parameter also be false if I have no clue about the markup?

About this issue

Original URL
State: closed
Created 8 years ago
Comments: 38 (15 by maintainers)

Most upvoted comments

@robsonsobral good point! So when initializing the modal, use JS to move it to the end of the body and then from there we can more easily set all siblings hidden.

caschbre on Jan 20, 2017

Traverse up the DOM from the modal to the direct child of the body tag and then make all siblings of that element invisible. (this is to cover cases where the modal is deeper in the DOM.

I don’t think it’s enough. The modal can have siblings, its parent can have siblings, its grandparent can have siblings…

Can’t the modal be moved via JS to the end of body? The modal acts almost like a microtemplate, so I don’t think to move it would be a problem.

robsonsobral on Jan 20, 2017