WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible Modal Dialog Review

for

From: Donald Evans
Date: Jun 22, 2011 1:15PM

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