WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: building accessible javascript accordions?

for

From: Patrick H. Lauke
Date: Jun 21, 2013 1:20PM

On 21/06/2013 19:23, Trafford, Logan wrote:
> Yes, using pure css and no javascript

I'd say it's quite difficult, if not impossible, to have a proper
accordion without any scripting that will also work for keyboard users
(in the same way that it's practically impossible to create a robust -
i.e. not dependent on length of items - dropdown menu with pure CSS that
works for keyboard users as well).

Anyway, it's worth having a look at the WAI ARIA authoring practices
document, in particular the description of the accordion design pattern
http://www.w3.org/WAI/PF/aria-practices/#accordion and the example
provided http://www.oaa-accessibility.org/examplep/accordian1/

P
--
Patrick H. Lauke