WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Modal


From: Moore,Michael (DARS)
Date: May 19, 2015 8:18AM

Is the problem with failing to recognize the correct state of aria-hidden in the browser (failing to pass the info to the accessibility api), the screen reader (failing to report the state from the api) or in the specification (parent state controls)? It would help to know where to direct the bug report. Unless of course this behavior is desired for some reason.

Mike Moore
Accessibility Coordinator,
Texas Department of Assistive and Rehabilitative Services
(512) 424-4159 (Office)
(512) 574-0091 (Cell)

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Birkir R. Gunnarsson
Sent: Tuesday, May 19, 2015 9:08 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Accessible Modal

The fact that a.t. does not honor aria-hidden="false" on a child of element with aria-hidden="true" baffles me, and makes implementing modal dialogs for screen readers a much more complex enterprise than it should be.

On 5/19/15, Don Mauck < <EMAIL REMOVED> > wrote:
> Are these traps "keyboard" traps? If so, you need to do what you can
> to keep that from happening.
> -----Original Message-----
> From: Chris Pearce [mailto: <EMAIL REMOVED> ]
> Sent: Tuesday, May 19, 2015 5:26 AM
> Subject: [WebAIM] Accessible Modal
> Hi,
> I've used this implementation:
> http://accessibility.oit.ncsu.edu/training/aria/modal-window/version-3
> / for implementing an accessible modal in the past and has worked well
> (tested in VoiceOver, NVDA, and JAWS).
> I was advised by a colleague that it isn't necessary to apply
> `aria-hidden="true"` to the `div` element that contains all the
> non-modal elements, which in the example would be the 'mainPage' div.
> The reason for this is because if focus is trapped within the modal
> you can't access anything outside of it. I was also advised by someone
> else that you should have it as you can access headings outside of the
> modal via shortcut keys and possibly other things so applying
> `aria-hidden="true"` to all the non-modal elements just makes it
> pretty bullet-proof. My take is that it seems to work really well so why change it?
> So is applying `aria-hidden="true"` to all the non-modal elements a
> good thing? Any feedback would be greatly appreciated.
> Cheers,
> Chris
> > > archives at http://webaim.org/discussion/archives
> > > > archives at http://webaim.org/discussion/archives
> >

Work hard. Have fun. Make history.