WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: toggle aria-expanded in Bootstrap collapse component

for

Number of posts in this thread: 4 (In chronological order)

From: Gijs Veyfeyken
Date: Fri, Jun 19 2015 6:44AM
Subject: toggle aria-expanded in Bootstrap collapse component
No previous message | Next message →

Hi,

I noticed that the aria-expanded attribute doesn't automatically toggle from true to false when a panel opens or closes.

Demo:
http://gijs.anysurfer.be/test/collapse.html <http://gijs.anysurfer.be/test/collapse.html>;

http://getbootstrap.com/javascript/#collapse <http://getbootstrap.com/javascript/#collapse>;
"The plugin will automatically toggle this attribute based on whether or not the collapsible element has been opened or closed."

File a bug or am I doing something wrong?

Kind regards,

Gijs

---
Gijs Veyfeyken
AnySurfer - towards an accessible internet
http://www.anysurfer.be/en <http://www.anysurfer.be/en>;
Brussels - Belgium

From: Yamanishi, Evan
Date: Fri, Jun 19 2015 8:30AM
Subject: Re: toggle aria-expanded in Bootstrap collapse component
← Previous message | Next message →

Oddly enough, the issue for this in the Bootstrap repo was just updated yesterday, the first time in 8 months. Some of PayPal's Bootstrap Accessibility Plugin work seems to be very slowly being committed to Bootstrap, but most of the issue tickets are tagged with "help wanted." I'm guessing they could use our help...

Bootstrap accessibility issues: https://github.com/twbs/bootstrap/labels/accessibility
Bootstrap collapse issue: https://github.com/twbs/bootstrap/issues/13555
PayPal's Bootstrap Accessibility Plugin: http://paypal.github.io/bootstrap-accessibility-plugin/

Evan

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Gijs Veyfeyken
Sent: Friday, June 19, 2015 8:44 AM
To: = EMAIL ADDRESS REMOVED =
Subject: [WebAIM] toggle aria-expanded in Bootstrap collapse component

Hi,

I noticed that the aria-expanded attribute doesn't automatically toggle from true to false when a panel opens or closes.

Demo:
http://gijs.anysurfer.be/test/collapse.html <http://gijs.anysurfer.be/test/collapse.html>;

http://getbootstrap.com/javascript/#collapse <http://getbootstrap.com/javascript/#collapse>;
"The plugin will automatically toggle this attribute based on whether or not the collapsible element has been opened or closed."

File a bug or am I doing something wrong?

Kind regards,

Gijs

---
Gijs Veyfeyken
AnySurfer - towards an accessible internet http://www.anysurfer.be/en <http://www.anysurfer.be/en>; Brussels - Belgium

From: Patrick H. Lauke
Date: Fri, Jun 19 2015 9:37AM
Subject: Re: toggle aria-expanded in Bootstrap collapse component
← Previous message | Next message →

On 19/06/2015 13:44, Gijs Veyfeyken wrote:
> Hi,
>
> I noticed that the aria-expanded attribute doesn't automatically toggle from true to false when a panel opens or closes.
>
> Demo:
> http://gijs.anysurfer.be/test/collapse.html <http://gijs.anysurfer.be/test/collapse.html>;
>
> http://getbootstrap.com/javascript/#collapse <http://getbootstrap.com/javascript/#collapse>;
> "The plugin will automatically toggle this attribute based on whether or not the collapsible element has been opened or closed."

Your page is using Bootstrap 3.2.0
http://cdn.anysurfer.be/js/bootstrap.min.js

Upgrade to the current 3.3.5.

If you check the live example in the documentation, you should see that
aria-expanded is correctly updated on the toggling element.

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke

From: Patrick H. Lauke
Date: Fri, Jun 19 2015 9:42AM
Subject: Re: toggle aria-expanded in Bootstrap collapse component
← Previous message | No next message

On 19/06/2015 15:30, Yamanishi, Evan wrote:
> Oddly enough, the issue for this in the Bootstrap repo was just updated yesterday, the first time in 8 months.

Actually, I'm pretty sure I landed that fix in Bootstrap core quite a
long time ago.

Ah yes, July 2014
https://github.com/twbs/bootstrap/commit/fb1ca10b99edc0f92eddd68b840f021da942afe9

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke