css - Bootstrap 3 是否与 508 合规部分兼容？

Question

我的团队在为视障人士提供屏幕阅读器识别 bootstrap 3 下拉列表 ( http://getbootstrap.com/components/#dropdowns ) 时遇到一些问题。所以我很好奇，Bootstrap 3 是否与 508 合规性部分( http://www.section508.gov/ )兼容？

如果不是，是否有任何 Bootstrap 插件可以使其与 508 部分兼容？

Answer 1

我使用 NVDA 测试了 Bootstrap 下拉菜单假设它们被正确标记，它们就能正常工作。您需要确保用于下拉“按钮”的元素是可以获取焦点的元素，它不能是 div 或 span，并且 ul 需要有 role="menu"。

例如，要使用 NVDA 的下拉菜单，您可以使用 ↑ 和 ↓ 进行导航，然后按 Enter 键打开菜单。

代码应如下所示:

<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown"> Dropdown Menu Button <span class="fa fa-caret-down">&nbsp; </span></a>

<ul class="dropdown-menu" role="menu">
    <li><a href="https://www.google.com/" target="_blank" title="Link to Google">Link to Google</a></li>
    <li>Just some Text</li>
    <li><a href="http://www.stackoverlow.com/" target="_blank" title="Stack Overflow">Stack Overflow</a></li>
</ul>