WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Modal Dialog Review

for

From: YOUNGV5@nationwide.com
Date: Jun 22, 2011 1:33PM

I have yet to see this implemented. Possibly FF5 and/or Safari in Lion
might work. I have implemented the aria-hidden attribute as you
suggested. I'm wondering if it makes sense to set role="presentation" on
the other elements when a dialog is opened. I have not seen this actually
do anything in the past, but I'm wondering if it makes sense today to
prepare for the future?

Link again:
http://webhipster.com/testing/accessibility/modal-dialog-latest/

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 03:15 PM
Subject:
Re: [WebAIM] Accessible Modal Dialog Review
Sent by:
<EMAIL REMOVED>



Is aria-hidden implemented in FF4 and Jaws12? I'm having some trouble
making it hide

I assume It should work with this?
document.getElementById("ARIA_content").setAttribute("aria-hidden","false");
and
document.getElementById("ARIA_content").setAttribute("aria-hidden","true");

I can see the value on the div changing, but the contents of the div is
not
hiding?


On Wed, Jun 22, 2011 at 1:37 PM, James Nurthen < <EMAIL REMOVED> > wrote:

> You should be able to set aria-hidden="true" on the underlying page
> content when the dialog is open to avoid this issue. Obviously
> remembering to reset to false when the dialog closes!
>
> Regards,
> James
>
> On Wed, Jun 22, 2011 at 10:13, Donald Evans < <EMAIL REMOVED> >
> wrote:
> > 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>
> >>