WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Modal Dialog Review

for

From: November Samnee
Date: Jun 22, 2011 11:51AM

In my experience, a role of dialog is not enough to contain tabbing within
the lightbox. After you tab past the last element in the dialog, tab focus
is placed in the address bar of the browser (FF & IE8, JAWS and maybe NVDA).
I'm going to try "document" - is the tab focus then placed where you were on
the page once the lightbox is closed?

November Samnee

On Wed, Jun 22, 2011 at 12:36 PM, < <EMAIL REMOVED> > wrote:

> You can prevent up and down arrowing through content if you set the role
> parameter to something like "application" or "dialog". By default I have
> the role set to "document" because switching cursor mode on screen reader
> users seems to cause issues and often there is non-focusable content that
> needs to be read. This is the best solution I could come up with for this
> current state of affairs.
>
> Vincent Young
> User Experience, Web Accessibility Specialist
> Nationwide Corporate Marketing
> Nationwide®
> o | 614·677·5094
> c | 614·607·3400
> e | <EMAIL REMOVED>
>
>
>
>
> From:
> Donald Evans < <EMAIL REMOVED> >
> To:
> WebAIM Discussion List < <EMAIL REMOVED> >
> Date:
> 06/22/2011 01:14 PM
> Subject:
> Re: [WebAIM] Accessible Modal Dialog Review
> Sent by:
> <EMAIL REMOVED>
>
>
>
> I would love to have an accessible modal. This one does a good job of
> keeping the keyboard only user out of the underlying page, but the screen
> reader user can still use the arrow keys and find his/her way to the
> entire
> page.
>
> I don't know of anyway to keep the SR user out?
>
> Using Jaws 12 and FireFox 4
> .
>
> On Wed, Jun 22, 2011 at 1:09 PM, < <EMAIL REMOVED> > wrote:
>
> > Hi everyone,
> >
> > I've been working on an accessible modal dialog jQuery widget. I think
> > I've gotten it to the point where I'd like to get some feedback from the
> > community. I'd really appreciate any comments/suggestions/questions you
> > may have. When all is said and done, I'd like to truly turn this into a
> > full blown jQuery widget and make it available to the public.
> >
> > Link to modal dialog:
> > http://webhipster.com/testing/accessibility/modal-dialog-latest/
> >
> > Thanks.
> >
> > Best,
> > Vinnie
> >
> > Vincent Young
> > User Experience, Web Accessibility Specialist
> > Nationwide Corporate Marketing
> > Nationwide®
> > o | 614·677·5094
> > c | 614·607·3400
> > e | <EMAIL REMOVED>
> >