WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Mallory
Date: Dec 12, 2016 6:33AM

Wow, yeah, that's convoluted!

To give your vendor a break though, if they looked at most other
examples anywhere, most of them are also horribly convoluted. They
really just need, as stated earlier, a button (the clickable) and a
chunk of content it controls (and these are by default independent of
each other anyway so people can have as many or as few open as they
please). Although if you're using these because if everyone were
expanded, things are very full, you might want a master button or
checkbox someone can click to expand/close all (I like being able to
open everything so I can use my search keys... way better than manually
clicking every single thing open if there are a lot).

cheers,


On Sat, Dec 10, 2016, at 12:56 AM, Angela French wrote:
> Yeah, my code (that a contractor made) looks like this and seems rather
> convoluted and code-heavy.
>
> <div class="panel-group" id="accordian" role="tablist"
> aria-multiselectable="true">
> <div class="panel panel-default" id="accordian1">
> <div class="panel-heading" role="tab"
> id="headingaccordian1">
> <h2><a data-toggle="collapse"
> href="#collapseaccordian1"
> aria-expanded="false"
> aria-controls="collapseaccordian1"
> class="collapsed"
> data-parent="#accordian"><span
> class="glyphicon glyphicon-plus-minus"
> aria-hidden="true"></span>Aerospace and
> Advanced Manufacturing</a></h2>
> </div>
> <div id="collapseaccordian1"
> class="panel-collapse collapse"
> role="tabpanel"
> aria-labelledby="headingaccordian1">
> <p>Everett Community College -&nbsp;As one
> of the ten statewide centers of excellence,
> the
> <a href="http://www.coeaerospace.com/"
> target="_blank">Center of Excellence for
> Aerospace and Advanced
> Manufacturing</a>&nbsp;provides
> leadership and resources to support
> economic growth for Washington state,
> focusing on aerospace and advanced
> manufacturing. Working strategically
> with our industry
> partners and educational institutions,
> we assist in developing the talent
> pipeline
> for the next generation of future
> workers within the aerospace industry
> sector.&nbsp;
> </p>
> </div>
> </div>
> <div class="panel panel-default" id="accordian2">
>
> Angela French
>
>
>