javascript - Javascript/jQuery 范围 slider 是否可访问?

标签 javascript jquery jquery-ui accessibility

我正在开发一个需要满足 AA 可访问性要求的网站。一个页面有大量结果列表,可以在其中使用 Javascript 应用过滤器以减少结果数量。这些设计要求使用范围 slider 按美元值(value)进行过滤。

范围 slider (例如 jQuery UI Slider)是否有任何可访问性限制或是否有既定的解决方法?它们是否“开箱即用”?

最佳答案

您必须确保用户可以访问 form 元素,以便他们可以对其进行操作。因此,无需逐字单击拖动图标并将其沿着 slider 拖动,因为他们可能看不到有关 slider 的距离和当前值的视觉反馈。

为了确保 slider 可访问,您需要使用使用有效 form 元素来表示值的 slider 。例如绑定(bind)到 <select> 的那个(http://jqueryui.com/slider/#hotelrooms)。

我过去做过一个绑定(bind)到单选按钮的,所以拖动 slider 会自动选择单选按钮,这里是示例:http://jsfiddle.net/amyamy86/J4eL3/

关于javascript - Javascript/jQuery 范围 slider 是否可访问?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15626550/

相关文章:

javascript - 如何在 JavaScript 中比较用户输入和属性值?

javascript - 如何将 jQuery 变量放入 PHP 变量

javascript - AngularJS:获取选定的项目

javascript - 日历不适用于 jQuery 1.9.1(但它适用于 jQuery 1.7.1)

javascript - Google Maps Api v3 - map.panTo 导致 "too much recursion"

javascript - 将重复的 div 与 div 中的一些不同内容绑定(bind)

javascript - 是否可以在 jquery 中创建一个事件监听器来显示 div 的变化?

javascript - jsPlumb 在建立连接时触发事件并重命名连接 (con_)

javascript - Uncaught ReferenceError : Invalid left-hand side in assignment (anonymous function)

javascript - 将事件插入输入 jQuery 后如何触发事件?