From: MatmaRex <matma.rex@gmail.com>
Date: Sun, 7 Jul 2013 18:26:28 +0000 (+0200)
Subject: jquery.makeCollapsible: Togglers accessibility
X-Git-Tag: 1.31.0-rc.0~19236^2
X-Git-Url: http://git.cyclocoop.org/%7B%24www_url%7Dadmin/compta/exercices/?a=commitdiff_plain;h=b9bc5fed84c1fb526ef1ab815d6d483636375273;p=lhc%2Fweb%2Fwiklou.git

jquery.makeCollapsible: Togglers accessibility

Use tabindex="0" and role="button" for all togglers, custom or not.

Bug: 17616
Change-Id: If59590de159a2756bf5b859ce48a23e1af7650fa
---

diff --git a/resources/jquery/jquery.makeCollapsible.js b/resources/jquery/jquery.makeCollapsible.js
index 282317419c..3a6c1b12a0 100644
--- a/resources/jquery/jquery.makeCollapsible.js
+++ b/resources/jquery/jquery.makeCollapsible.js
@@ -358,6 +358,10 @@
 				}
 			}
 
+			// Attributes for accessibility. This isn't necessary when the toggler is already
+			// an <a> or a <button> etc., but it doesn't hurt either, and it's consistent.
+			$toggleLink.prop( 'tabIndex', 0 ).attr( 'role', 'button' );
+
 			// Initial state
 			if ( options.collapsed || $collapsible.hasClass( 'mw-collapsed' ) ) {
 				// Remove here so that the toggler goes in the right direction (the class is re-added)