WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Modal Dialog Review

for

From: YOUNGV5@nationwide.com
Date: Jun 22, 2011 12:21PM

Tab focus should remain within the dialog no matter what role you set. If
this is not the case, I can double check. One caveat about the way focus
is implemented is that you can still pull up a list of tab focusable items
(e.g. INSERT + F7 for links) and focus items outside the dialog.
Currently, I am using Hans Hillen's suggestion of putting tab focusable
elements at the top and bottom of the document when the modal is opened.
This way if you focus one of these items, it throws focus back to the
modal dialog. Pretty good solution for the current state of affairs. Yes,
if you have an activating element, when the dialog closes, that element is
focused.

Vincent Young
User Experience, Web Accessibility Specialist
Nationwide Corporate Marketing
Nationwide®
o | 614·677·5094
c | 614·607·3400
e | <EMAIL REMOVED>




From:
November Samnee < <EMAIL REMOVED> >
To:
WebAIM Discussion List < <EMAIL REMOVED> >
Date:
06/22/2011 01:49 PM
Subject:
Re: [WebAIM] Accessible Modal Dialog Review
Sent by:
<EMAIL REMOVED>



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