Bootstrap 手风琴中的 aria-pressed 位置

Question

这是 aria-pressed 在 Bootstrap 手风琴中应该出现的地方吗？为什么我打开标签时状态没有变化？

                  <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>

Answer 1

Use this code to make toggle button

[在这里您可以找到如何使用 span 标签在按钮中定义 aria-pressed1

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

Answer 2

您可能希望使用 aria-expanded 而不是 pressed 来指示手风琴是打开还是关闭。

您应该对照引导程序文档站点上显示的示例检查您的代码。他们清楚地列出了如何设置手风琴，这将有助于减少代码中的其他危险信号（没有 need/shouldn 没有选项卡索引的元素上的标签索引，按钮元素上按钮的作用）

http://getbootstrap.com/javascript/

Bootstrap 手风琴中的 aria-pressed 位置

aria-pressed placement in Bootstrap accordion

accessibility

wai-aria

twitter-bootstrap