我正在开发一个需要满足 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/