辅助功能:修改bootstrap-multiselect下拉列表，使其可用于屏幕阅读器

Question

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

所以我想请求帮助，找到一种方法，让键盘和屏幕阅读器的辅助功能可以一起使用，使用插件中的默认标记；添加' radio‘的角色也不起作用，因为屏幕阅读器与锚点交互，而不是与封闭的单选按钮交互。

Answer 1

最有可能破坏“键盘可访问性”的方法是，如果锚标记上有tabindex属性。如果你用span替换了一个，那么里面的单选按钮就没有tabindex了。这意味着键盘Tab键将跳过Tab键顺序，并将其保留到最后，在所有其他( tab索引的标签)完成之后。这就是tabindex的工作原理。

如果这个猜测是错误的，那么请给我们确切的信息，说明什么损坏了，是如何损坏的，症状是什么。我们需要这些信息来看看问题出在哪里。