From: Chris Rebert <github@rebertia.com>
Date: Sat, 13 Sep 2014 00:23:23 +0000 (-0700)
Subject: Merge pull request #14579 from twbs/accordion-heading-role-tab
X-Git-Tag: v3.3.0~176
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=60164bc4ba33b4b8132629ebaf781b72266a7979;p=thirdparty%2Fbootstrap.git

Merge pull request #14579 from twbs/accordion-heading-role-tab

add role="tab" to .panel-heading-s in accordion example to improve accessibility
---

60164bc4ba33b4b8132629ebaf781b72266a7979
diff --cc docs/_includes/js/collapse.html
index 5239256a62,a69fb57e14..66c6254f9f
--- a/docs/_includes/js/collapse.html
+++ b/docs/_includes/js/collapse.html
@@@ -15,9 -15,9 +15,9 @@@
    <div class="bs-example">
      <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        <div class="panel panel-default">
-         <div class="panel-heading">
+         <div class="panel-heading" role="tab">
            <h4 class="panel-title">
 -            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
 +            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                Collapsible Group Item #1
              </a>
            </h4>
@@@ -29,9 -29,9 +29,9 @@@
          </div>
        </div>
        <div class="panel panel-default">
-         <div class="panel-heading">
+         <div class="panel-heading" role="tab">
            <h4 class="panel-title">
 -            <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
 +            <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                Collapsible Group Item #2
              </a>
            </h4>
@@@ -43,9 -43,9 +43,9 @@@
          </div>
        </div>
        <div class="panel panel-default">
-         <div class="panel-heading">
+         <div class="panel-heading" role="tab">
            <h4 class="panel-title">
 -            <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
 +            <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                Collapsible Group Item #3
              </a>
            </h4>
@@@ -61,9 -61,9 +61,9 @@@
  {% highlight html %}
  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default">
-     <div class="panel-heading">
+     <div class="panel-heading" role="tab">
        <h4 class="panel-title">
 -        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
 +        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
            Collapsible Group Item #1
          </a>
        </h4>
@@@ -75,9 -75,9 +75,9 @@@
      </div>
    </div>
    <div class="panel panel-default">
-     <div class="panel-heading">
+     <div class="panel-heading" role="tab">
        <h4 class="panel-title">
 -        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
 +        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
            Collapsible Group Item #2
          </a>
        </h4>
@@@ -89,9 -89,9 +89,9 @@@
      </div>
    </div>
    <div class="panel panel-default">
-     <div class="panel-heading">
+     <div class="panel-heading" role="tab">
        <h4 class="panel-title">
 -        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
 +        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
            Collapsible Group Item #3
          </a>
        </h4>