WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Examples for Implementing Accessible Hide/Show Panels

for

From: Howard Kramer
Date: Apr 26, 2015 10:55AM

Hi Thad,

What answer did you come up with? I didn't see it in your post. I've been
looking for an accessible accordion also.

Thanks,
Howard

On Sun, Apr 26, 2015 at 8:11 AM, Thad C < <EMAIL REMOVED> > wrote:

> Question answered. Thanks!
>
> On Sat, Apr 25, 2015 at 9:10 PM, Thad C < <EMAIL REMOVED> >
> wrote:
>
> > Greetings Group,
> >
> > I am looking for examples of accessible hide/show panels. The following
> > Open Ajax Alliance examples seem to illustrate the functionality I am
> > looking for:
> >
> > http://www.oaa-accessibility.org/examplep/hideshow1/
> >
> > In this example a user activates the "Hide Topic 1" button, the
> associated
> > panel is shown, focus goes to the associated panel however the content
> > inside *is not* read by assistive technology
> >
> > However if a user activates the "Hide Topic 2" button, the associated
> > panel is shown, focus goes to the associated panel and the content
> inside*
> > is* read by assistive technology. This is the behavior I would like to
> > emulate. Can anyone give me a technical explanation of why the "Hide
> Topic
> > 2" scenario reads the content inside the panel and the "Hide Topic 1"
> does
> > not?
> >
> > If anyone has other example of this functionality it would be greatly
> > appreciated as well
> >
> > Thanks for your help
> >
> > > > >



--
Howard Kramer
Conference Coordinator
Accessing Higher Ground
303-492-8672
cell: 720-351-8668

AHEAD Association of Higher Education and Disability