WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Best acccessible accordion widget example

for

From: Paul J. Adam
Date: Dec 2, 2016 10:16PM

Yes aria-expanded on a button is really all you need. Here's a demo http://pauljadam.com/demos/aria-expanded.html <http://pauljadam.com/demos/aria-expanded.html>;

Bootstrap includes an accessible accordion, http://v4-alpha.getbootstrap.com/components/collapse/ <http://v4-alpha.getbootstrap.com/components/collapse/>;.

Paul J. Adam
Accessibility Evangelist
www.deque.com

> On Dec 2, 2016, at 7:44 PM, Birkir R. Gunnarsson < <EMAIL REMOVED> > wrote:
>
> Deque University has a few
> https://dequeuniversity.com/library/aria/tabpanels-accordions/
> (I worked on about half of them).
>
> I honestly think that any link or button with aria-expanded attribute
> properly toggled is sufficient.
> -B
>
>
> On 12/2/16, Bossley, Peter A. < <EMAIL REMOVED> > wrote:
>> Greetings,
>> Wondering what folks are pointing developers to for Accordions that work
>> well on desktop and mobile web browsers / screen readers. Obviously we want
>> keyboard accessible as well.
>> I like the Assets Framework but was wondering if there is a better example
>> out there.
>> Best,
>>
>>
>> >> >> >> >>
>
>
> --
> Work hard. Have fun. Make history.
> > > >