Javascript/jQuery范围滑块是否可访问？

Question

我正在研究需要符合AA可访问性的网站。一个页面有大量的结果列表，其中可以使用Javascript应用过滤器来减少结果数量。这些设计要求范围滑块以美元值过滤。

范围滑块（例如jQuery UI滑块）是否具有任何辅助功能约束，或者是否存在已建立的解决方法？他们是否“开箱即用”？

Answer 1

您将必须确保表格元素可供用户访问，以便他们可以操纵它。因此，不必直接点击拖动图标并沿滑块拖动它，因为它们可能看不到视觉反馈，因为它们位于滑块的多远处以及当前值是多少。

为了确保滑块可以访问，您需要使用有效的表格元素来表示值。例如，绑定到<select>（http://jqueryui.com/slider/#hotelrooms）的那个。

我做了一个在结合单选按钮，以便拖动滑块自动选择单选按钮过去，这里是例子：http://jsfiddle.net/amyamy86/J4eL3/