WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: are these modal popups screen reader accessible ?

for

From: Bryan Garaventa
Date: Nov 2, 2012 10:21AM

I've also seen the same dialog, and it is a good one. Is the intent of this
dialog to be scalable though? For instance, can you add any content with the
same level of accessibility?

I ask because role=dialog is used on the container Div, which means that, if
there is any textual information in the dialog that is not an active
element, it will be inaccessible for screen reader users. This is important,
because it's impossible to gage what any developer will put inside a
scalable component.

So when you say that this is "The most screen reader accessible modal
dialogue I've come across", does this also include the modal I referenced
earlier at
http://whatsock.com/modules/standard_dynamic_control_templates/demo.htm ?

This is important to me, because I designed this modal to be fully scalable
using any type of content, meaning that it can be styled to look like
anything, resized, moved, made draggable, and so on, and include any type of
content, while also maintaining the same level of accessibility
automatically.

So, can you please tell me how this construct is not accessible for screen
reader users?

If there is anything I've missed, I would greatly appreciate knowing this.

Thanks,
Bryan


----- Original Message -----
From: "Léonie Watson" < <EMAIL REMOVED> >
To: "'WebAIM Discussion List'" < <EMAIL REMOVED> >
Sent: Friday, November 02, 2012 1:37 AM
Subject: Re: [WebAIM] are these modal popups screen reader accessible ?


Angela French wrote:
"We are starting to use modal popups in application development and I need
to know how screen-reader accessible they are. I would interested in any
general comments you may have about them. Also, I would be very
appreciative if the demo linked to below could be tested with different
screen readers."


The most screen reader accessible modal dialogue I've come across is the
jQueryUI widget enhanced by Hans Hillen.
http://hanshillen.github.com/jqtest/#goto_dialog


Léonie.