我的团队在为视障人士提供屏幕阅读器识别 bootstrap 3 下拉列表 ( http://getbootstrap.com/components/#dropdowns ) 时遇到一些问题。所以我很好奇,Bootstrap 3 是否与 508 合规性部分( http://www.section508.gov/ )兼容?
如果不是,是否有任何 Bootstrap 插件可以使其与 508 部分兼容?
最佳答案
我使用 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"> </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>
关于css - Bootstrap 3 是否与 508 合规部分兼容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38855906/