Twitter bootstrap 引导式手风琴中的咏叹调

这就是aria pressed在引导式手风琴中的位置吗？为什么当我打开选项卡时状态没有改变

                  <div class="panel-group">
                    <div class="panel panel-default">
                      <div class="panel-heading" data-toggle="collapse" data-target="#collapseThis">
                        <h6 class="panel-title">
                          <button class="accordion-toggle" type="button" role="button" aria-pressed="false" tabindex="1">Panel Heading</button>
                        </h6>
                      </div>
                      <div id="collapseThis" class="panel-collapse collapse">
                        <div class="panel-body">
                          <ul>
                              <li class="nice-link" data-filter=".one"><a href="#" tabindex="1">One</a></li>
                              <li class="nice-link" data-filter=".two"><a href="#" tabindex="2">Two</a></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>

小组标题

[在这里，您可以找到如何使用span标记定义按下按钮的aria

哑巴

[在这里，您可以找到如何使用span标记定义按下按钮的aria

哑巴

您可能希望使用展开的而非按下的aria来指示手风琴是打开还是关闭的

你应该对照bootstraps文档网站上的示例检查你的代码。它们清楚地展示了如何设置手风琴，这将有助于减少代码中额外的危险信号（不需要/不应该有tab索引的元素上的tabindexes，button元素上的button角色）

---

您可能希望使用“展开”而不是“按下”来指示手风琴是打开还是关闭的

你应该对照bootstraps文档网站上的示例检查你的代码。它们清楚地展示了如何设置手风琴，这将有助于减少代码中额外的危险信号（不需要/不应该有tab索引的元素上的tabindexes，button元素上的button角色）

来自W3C（制定ARIA规范的人）：来自W3C（制定ARIA规范的人）：

Use this code to make toggle button

<span tabindex="0"
    role="button"
    id="toggle"
    aria-presed="false">
    Mute
</span>