处理按钮组的语义方式

Question

我有一个隐藏或显示的音频流列表，具体取决于用户是否点击了具有类'btn-group'的div元素。我的标记类似于twitter bootstrap的按钮组，如下所示：

<div class="btn-group">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
        Expand
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
    <!-- dropdown menu links -->
    </ul>
</div>

这没关系，但似乎很遗憾，这个重要的功能隐藏在div元素中，而不是更有意义的东西。是否有合理的咏叹调角色？人们会推荐一些其他方法吗？

Answer 1

一个不错的解决方案可能就是按钮向btn-group div提供咏叹调的里程碑式角色：

<div class="btn-group" role="button">

通过这种方式，屏幕阅读器将了解该组的性质。