1

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

因此,我想寻求帮助,以找到一种方法,使键盘和屏幕阅读器可访问性可以使用插件中默认的替代标记一起工作;添加“收音机”角色也不起作用,因为屏幕阅读器与锚交互,而不是与封闭的单选按钮交互。

4

1 回答 1

0

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

如果这个猜测离谱,那么请给我们确切的信息,说明什么坏了,怎么坏了,症状是什么。我们需要这些信息来查看问题所在。

于 2014-11-02T21:25:43.203 回答