Paul J. Adam

If you want to see what an accessible chart looks like on iOS just view the Stocks app from Apple it's got VoiceOver Accessibility for data points. https://pbs.twimg.com/media/DOR8G6lVQAEQ7Hi.jpg:large I found...

There's a new aria-modal=true attribute that should be placed on the modal dialog which could remove the need for aria-hidden.

http://w3c.github.io/aria/aria/aria.html#aria-hidden aria-hidden (state) Indicates whether the element is exposed to an accessibility API. If the body is hidden, then the whole body tag is no longer exposed to an Accessibility...

http://w3c.github.io/aria-practices/#dialog_modal This demo uses aria-modal=true rather than aria-hidden. http://w3c.github.io/aria-practices/examples/dialog-modal/dialog.html

@claydiffrient what about when you have a header and footer that you need to hide also? Can you do setAppElement on multiple html elements? e.g. http://codepen.io/anon/pen/jBxwZr aria-modal=true looks like it...

@claydiffrient I would still recommend role=dialog for normal dialogs and role=alertdialog for error type dialogs. This is what the aria spec and practices recommends. I read the post from 2014...

I would just say that I think it's very important to use role=dialog and role=alertdialog to convey the accessibility semantics of the element. It's also the only way to give...

@sinabahram I was able to get the example working in IE 11 Win 10 using NVDA latest, it appears to trap the modal dialog with NVDA whereas with Narrator you...

If they're setting the role they should also set the accessible name either via aria-labelledby pointing to the h1 in the dialog or an aria-label if there is no visible...

aria-modal=true works in VoiceOver on iOS and macOS. It worked in NVDA also. Have you tested the ARIA authoring practices demo? aria-hidden=true on the body is still the major problem...