WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: should aria-multiselectable be used on accordion group?

for

From: Jonathan Avila
Date: Dec 9, 2016 3:51PM

> role=tablist supports aria-multiselectable according to specification
https://www.w3.org/TR/wai-aria-1.1/#tablist

Unless you are using tabs as accordions I don't see how you could have more than one tab selected as a time and have each tab panel be expanded. However, there may be situations where you can select multiple tabs to perform actions on them such as deleting tabs, etc. For accordions we do not recommend using the tab role though as the reading order does not coincide the structure.

Jonathan

Jonathan Avila
Chief Accessibility Officer
SSB BART Group 
<EMAIL REMOVED>
703.637.8957 (Office)

Visit us online: Website | Twitter | Facebook | LinkedIn | Blog
Don't miss Trends in Accessibility & Electronic Documents on Wed 12/7!

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Steve Faulkner
Sent: Friday, December 09, 2016 5:47 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] should aria-multiselectable be used on accordion group?

Hi Angela,

role=tablist supports aria-multiselectable according to specification

https://www.w3.org/TR/wai-aria-1.1/#tablist

It appears that the tool you are using is providing incorrect results, which unfortunately is not an uncommon occurrence.

--

Regards

SteveF
Current Standards Work @W3C
<http://www.paciellogroup.com/blog/2015/03/current-standards-work-at-w3c/>;

On 9 December 2016 at 22:03, Angela French < <EMAIL REMOVED> > wrote:

> Hello,
> I have a group of accordion "panels" on a page where when the panel
> heading is clicked, content is revealed "under" it. The group of
> panels is in this container div: <div class="panel-group" id="accordian"
> role="tablist" aria-multiselectable="true">
>
> I am getting an accessibility error "Invalid WAI-ARIA role, state or
> property " using the accessibility evaluator inside of Siteimprove.
>
> When I look on the web for guidance about the best aria attributes to
> use on expanding content, I get lots of different examples.
>
> It the proper use of aria-multiselectable only on "real" tabs?
>
>
> Angela French
> Internet/Intranet Specialist
> Washington State Board for Community and Technical Colleges
> 360-704-4316
> <EMAIL REMOVED> <mailto: <EMAIL REMOVED> >
> www.sbctc.edu<;http://www.sbctc.edu/>;
>
> > > archives at http://webaim.org/discussion/archives
> >