辅助功能:修改bootstrap-multiselect下拉列表,以便与屏幕阅读器一起使用

时间:2014-10-21 09:43:19

标签: accessibility wai-aria bootstrap-multiselect

我正在尝试使用David Stutz的Bootstrap-multiselect插件;文档位于http://davidstuts.github.io/bootstrap-multiselect 这是一个插件,用于转换普通的选择下拉菜单,以使用更好的样式和过滤等功能。但是,插件的输出使用标记,其中单选按钮包含在锚标记内。这意味着当使用屏幕阅读器时,屏幕阅读器会拾取锚标签并忽略单选按钮,因为它被包含在元素中。我试图修改此行为以通过删除锚标记并用span替换它来增强可访问性,但缺少的锚会导致键​​盘可访问性中断。

所以我想请求帮助,找到一种方法,键盘和屏幕阅读器的可访问性可以使用替代标记到插件中的默认值一起工作;由于屏幕阅读器与锚点相互作用而不是附带的单选按钮,因此添加“无线电”角色也不起作用。

1 个答案:

答案 0 :(得分:0)

键盘可访问性最有可能破解的方式"如果锚标签上有tabindex属性。如果你用一个跨度替换了一个,那么里面的单选按钮将没有该tabindex。这意味着键盘标签会在标签顺序中跳过它,并在完成所有其他(tabindexed标签)之后将其保留到最后。这就是tabindex的工作原理。

如果这个猜测是广泛的,那么请给我们确切的信息说明什么破坏,如何,症状是什么。我们需要这些信息才能看出问题所在。