Css Bootstrap 3是否与508合规部分兼容?

Css Bootstrap 3是否与508合规部分兼容?,css,twitter-bootstrap,twitter-bootstrap-3,section508,Css,Twitter Bootstrap,Twitter Bootstrap 3,Section508,我的团队在识别视力受损人群屏幕阅读器的引导3下拉列表()时遇到了一些问题。所以我很好奇,Bootstrap3是否与508法规遵从性部分兼容 如果不是,是否有任何引导插件,使其与508节兼容 我使用测试了引导下拉菜单,它们工作正常,假设它们被正确标记。您需要确保用于下拉“按钮”的元素是可以聚焦的项目,不能是div或span,ul需要有role=“menu” 例如,要将下拉菜单与NVDA一起使用,请使用↑ 及↓ 然后按回车键打开菜单 代码应该如下所示: <a aria-expanded="fa

我的团队在识别视力受损人群屏幕阅读器的引导3下拉列表()时遇到了一些问题。所以我很好奇,Bootstrap3是否与508法规遵从性部分兼容


如果不是,是否有任何引导插件,使其与508节兼容

我使用测试了引导下拉菜单,它们工作正常,假设它们被正确标记。您需要确保用于下拉“按钮”的元素是可以聚焦的项目,不能是div或span,ul需要有role=“menu”

例如,要将下拉菜单与NVDA一起使用,请使用↑ 及↓ 然后按回车键打开菜单

代码应该如下所示:

<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>

  • 只是一些文字
  • 根据和检查表,bootstrap 3在508合规部分似乎没有任何重大问题


    但是,不幸的是,屏幕阅读器无法读取引导下拉列表,就像阅读器读取select标记一样,即使使用。因此,对于视力受损的人来说,在长长的列表中选择一些值可能有点困难,例如选择国家列表。

    如果是这样的话,我会感到惊讶(如果它与欧盟规则中包含类似内容的话)但这似乎有很大帮助:他们并没有在其可访问性部分()中明确说明他们符合508法规,但他们概述了嵌入的资源,以及关于如何确定可访问性问题的链接,以便您可以用最少的努力来解决这些问题。