html - <button> 需要角色 ="button"吗？

Question

我注意到在所有使用 button 元素的 Bootstrap 示例中，它们包括 role="button"(和 type="button")，例如:

<div class="dropdown">
    <button id="dLabel" type="button" role="button" data-toggle="dropdown" 
     aria-haspopup="true" aria-expanded="false">
        Dropdown trigger <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    ...
    </ul>
</div>

无障碍软件是否已经知道 button 元素是用来充当按钮的？我有什么理由应该在我的代码中包含 role="button" 和/或 type="button" 吗？

Answer 1

许多 HTML5 元素都带有默认的隐式 ARIA 语义，并且显式设置这些默认值是“unnecessary and not recommended”。

查看 button element ，你可以看到它有 button role默认情况下。

因此，设置 role="button" 是“不推荐”的，但是允许的。它可能帮助支持 WAI-ARIA 但不支持 HTML5 的旧用户代理。