From 5f4eedd0e7acaaa50659a2ec042b3331d49a1b3c Mon Sep 17 00:00:00 2001
From: Wesley Cho <wesley.cho@gmail.com>
Date: Sun, 12 Jun 2016 23:56:35 -0700
Subject: [PATCH] feat(accordion): add appropriate tabindex on disabled

- Add `tabindex="-1"` to accordion group header when disabled and remove when not to assist with accessibility

Closes #4067
Closes #5990
---
 src/accordion/accordion.js              | 2 +-
 src/accordion/index.js                  | 1 +
 template/accordion/accordion-group.html | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/accordion/accordion.js b/src/accordion/accordion.js
index eaa5d4b279..9b07a96131 100644
--- a/src/accordion/accordion.js
+++ b/src/accordion/accordion.js
@@ -1,4 +1,4 @@
-angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse'])
+angular.module('ui.bootstrap.accordion', ['ui.bootstrap.collapse', 'ui.bootstrap.tabindex'])
 
 .constant('uibAccordionConfig', {
   closeOthers: true
diff --git a/src/accordion/index.js b/src/accordion/index.js
index 0209794844..491b4f518f 100644
--- a/src/accordion/index.js
+++ b/src/accordion/index.js
@@ -1,4 +1,5 @@
 require('../collapse');
+require('../tabindex');
 require('../../template/accordion/accordion-group.html.js');
 require('../../template/accordion/accordion.html.js');
 require('./accordion');
diff --git a/template/accordion/accordion-group.html b/template/accordion/accordion-group.html
index 8375bd26b1..8cae8c023b 100644
--- a/template/accordion/accordion-group.html
+++ b/template/accordion/accordion-group.html
@@ -1,6 +1,6 @@
 <div role="tab" id="{{::headingId}}" aria-selected="{{isOpen}}" class="panel-heading" ng-keypress="toggleOpen($event)">
   <h4 class="panel-title">
-    <a role="button" data-toggle="collapse" href aria-expanded="{{isOpen}}" aria-controls="{{::panelId}}" tabindex="0" class="accordion-toggle" ng-click="toggleOpen()" uib-accordion-transclude="heading"><span uib-accordion-header ng-class="{'text-muted': isDisabled}">{{heading}}</span></a>
+    <a role="button" data-toggle="collapse" href aria-expanded="{{isOpen}}" aria-controls="{{::panelId}}" tabindex="0" class="accordion-toggle" ng-click="toggleOpen()" uib-accordion-transclude="heading" ng-disabled="isDisabled" uib-tabindex-toggle><span uib-accordion-header ng-class="{'text-muted': isDisabled}">{{heading}}</span></a>
   </h4>
 </div>
 <div id="{{::panelId}}" aria-labelledby="{{::headingId}}" aria-hidden="{{!isOpen}}" role="tabpanel" class="panel-collapse collapse" uib-collapse="!isOpen">