可访问的Bootstrap按钮组

Question

我正在使用引导按钮组，我希望它们可以访问。现在，屏幕阅读器将它们视为单独的按钮。我希望屏幕阅读器将它们看作一组或按钮列表。

http://getbootstrap.com/components/#btn-groups

<div class="btn-group">
  <button type="button" class="btn btn-default">Left</button>
  <button type="button" class="btn btn-default">Middle</button>
  <button type="button" class="btn btn-default">Right</button>
</div>

我还希望屏幕阅读器知道选择了哪个按钮，但使用aria-checked标签时应该不会很难。

Answer 1

我不认为屏幕阅读器会将它们视为一组按钮，除非您使用输入类型=收音机并将它们设置为按钮。

还要告诉选择哪个按钮＆＃34; aria-pressed＆＃34;更好。

Answer 2

我能想到的一个解决方案是在按钮上添加role =“radio”，以便屏幕阅读器将它们视为一个组。我实际上工作，但我不确定它是否被认为是不好的做法