WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible modal dialog plugin

for

From: Beranek, Nicholas
Date: Jan 10, 2017 12:22PM

Hey guys, I'm noticing the same thing. When I activate the Login button, the JAWS PC cursor does not move to the dialog. Instead, it maintains on the Login button and allows me to access the content beneath the dialog even though aria-hidden=true is set. I'm using JAWS 18.0.2324 and Firefox 50.0.1.

-----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,

The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.