https://bugzilla.wikimedia.org/show_bug.cgi?id=65473
--- Comment #6 from Derk-Jan Hartman <[email protected]> --- (In reply to Alex Monk from comment #5) > (In reply to Derk-Jan Hartman from comment #0) > > Dialogs don't keep focus inside the dialog (can be fixed with putting > > aria-hidden=true on the rest of the content of the page > > Can you explain exactly how this changes the behaviour of the browser? Basically (if the browser supports aria), it will stop making that part of the page 'visible' to the accessibility screenreader and it will not allow you to navigate into that part of a page. In accessibility mode, you have an 'accessibility cursor' that walks over all content of the page (including shadow dom). Everything that doesn't have 'display:none' or 'aria-hidden' is a place that you can navigate to and let it start reading. For a screenreader there is no difference between what we call a 'modal dialog' and a normal dialog (both have role=dialog). It can't know the difference, because there is nothing that will tell it so. So if you are implementing a modal dialog, then you need to set aria-hidden on everything but the dialog, to enforce that behavior. You should also consider setting tabindex=-1, on those areas to make it inaccessible to people using keyboard (tab) navigation, without using a screenreader. There is a very good document on this stuff I highly recommend everyone to read it. http://www.w3.org/TR/wai-aria-practices/#modal_dialog There is also an example here: http://accessibility.oit.ncsu.edu/training/aria/modal-window/version-2/ that might be useful -- You are receiving this mail because: You are on the CC list for the bug. _______________________________________________ Wikibugs-l mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/wikibugs-l
