javascript - 完全可访问且风格化的选择框

Question

我看过这个:Is it possible to style a select box?但它不能满足我对具有完全可访问且可设置样式的选择框的需求(除非我遗漏了什么)。

在开始我自己的控制之前，我想在这里检查一下是否有人做过或找到了可以满足以下要求的选择。

• 可通过键盘访问并像普通选择框一样工作。 Fx 处理以下所有键盘快捷键 http://access.aol.com/dhtml-style-guide-working-group/#combobox
• 允许下拉打开的菜单内容和自行下拉的样式(包括焦点和悬停状态)
• 支持可点击的标签。
• 在 Jaws、NVDA 和 Voice over 上正常工作(作为 aria-combobox)

上述链接中的每一个都没有完全通过这个标准

Answer 1

StyleSelect :

• 键盘是否可导航
• 默认出现在tabIndex中
• 屏幕显示与常规选择框完全相同，因为它使用 aria-hidden 属性。

许多 a11y 浏览器都是专有的，但如果您想在它们中进行测试和 report if anything else needs adding该项目将对其进行处理(如果您可以自己修复它，它也需要拉取请求)。