WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: building accessible javascript accordions?

for

From: Paul J. Adam
Date: Jun 20, 2013 3:12PM

Yes it's possible to make ANY JavaScript widget accessible if coded with accessibility in mind ;)

http://jqueryui.com/accordion

You could also use aria-expanded=true/false http://www.w3.org/TR/wai-aria/states_and_properties#aria-expanded

Sounds like you may be missing some focusability on the UI elements that do the expanding? Or the up/down arrow keys to move focus and enter or spacebar may be the method to expand/collapse like in the jQuery UI example.

Good luck!

Paul J. Adam
Accessibility Evangelist
www.deque.com

On Jun 20, 2013, at 3:57 PM, "McMorland, Gabriel" < <EMAIL REMOVED> > wrote:

> Is it possible to build javascript accordions or "hide and display" panels that are accessible to screen reading software?I am testing a website with JAWS screen reading software and was not able to expand the accordion menus on a page. Our team would like to leave them in place if we can find a way to make them accessible.
>
> Is it possible to set up accordion menus that are accessible to screen readers?
>
> How do we do it?
>
> Thanks
> > >