WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible modal dialog plugin

for

From: Bryan Garaventa
Date: Jan 10, 2017 12:34PM

Yes, it appears that FF has broken aria-hidden support. I'll look more into this later today.

Just tested the same implementation and it still works correctly on Windows in IE11 and Chrome, just not in FF due to the update.

Bryan Garaventa
Accessibility Fellow
SSB BART Group, Inc.
<EMAIL REMOVED>
415.624.2709 (o)
www.SSBBartGroup.com


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Bossley, Peter A.
Sent: Tuesday, January 10, 2017 11:30 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Accessible modal dialog plugin

Windows 10 64-bit.
Also have the same behavior with NVDA and Firefox. Haven't tested with any other browser / SR combinations yet.


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Bryan Garaventa
Sent: Tuesday, January 10, 2017 2:18 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Accessible modal dialog plugin

It doesn't seem so on my end, I just tested this using JAWS 18.0.2324 in FF 50.1.0 on Windows7 and after the Login button is activated, it's not possible to arrow around through the background content.

Which OS are you using?


Bryan Garaventa
Accessibility Fellow
SSB BART Group, Inc.
<EMAIL REMOVED>
415.624.2709 (o)
www.SSBBartGroup.com


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Bossley, Peter A.
Sent: Tuesday, January 10, 2017 11:05 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Accessible modal dialog plugin

I wonder if the latest JAWS update broke something-- with JAWS 18.0.234 and Firefox 50.1.0 I'm able to navigate to the content behind the Modal.


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Bryan Garaventa
Sent: Tuesday, January 10, 2017 1:48 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Accessible modal dialog plugin

As one option,
Here is one example that works across both desktop and mobile:
http://whatsock.com/tsg/Coding%20Arena/Modals/Modal%20(Internal%20Content)/demo.htm

There is also an option of setting ARIA Dialog usage automatically within the setup if desired, plus nested modals are automatically supported.

The code for dropping this into jQuery is included in the widget archive at:
https://github.com/accdc/tsg

The code for dropping this into MooTools is included in the widget archive at:
https://github.com/accdc/tsg-mootools

And the code for dropping this into Dojo is included in the widget archive at:
https://github.com/accdc/tsg-dojo

This also provides automatic framework integration for all of the other widgets listed there as well if desired.

Best wishes,
Bryan


Bryan Garaventa
Accessibility Fellow
SSB BART Group, Inc.
<EMAIL REMOVED>
415.624.2709 (o)
www.SSBBartGroup.com

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Bossley, Peter A.
Sent: Tuesday, January 10, 2017 10:36 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: [WebAIM] Accessible modal dialog plugin

Greetings, Web AIM list,
I'm writing to see if any of you have a suggestion for an accessible dialog plugin our web developers can use to pop up modals. The site is responsive so we would want something that would work on Mobile as well.
Any suggestions would be appreciated- we're hoping to find something we can easily drop in or at least something that doesn't require us to write it from scratch.
Best,