图库幻灯片/旋转木马是否需要暂停按钮才能访问?

时间:2018-02-07 15:39:59

标签: javascript carousel accessibility slideshow wcag

我试图理解这里提供的幻灯片和轮播的WCAG辅助功能指南:What Makes a Carousel Accessible?

具体而言,我不确定轮播显示更改图像而非文本信息的情况。在这种情况下,它还需要暂停/播放按钮吗?

例如,this website主页上的轮播是否需要暂停/播放按钮才能被视为可访问?

谢谢!

3 个答案:

答案 0 :(得分:2)

是的,为了符合WCAG2.0标准2.2.2 Pause, Stop, Hide (Level A),无论幻灯片是否包含任何文本信息,您都需要允许用户暂停轮播。如果移动持续时间超过5秒(它可能会假设它是一个不间断的循环旋转木马),用户必须能够暂停它。

如果你阅读了理解2.2.2(前一段中的超链接),它会提到:

  

此成功标准的目的是避免在与网页交互时分散用户的注意力。

     

"移动,闪烁和滚动" “可见内容”指的是可见内容传达运动感的内容。常见示例包括电影,同步媒体演示,动画,实时游戏和滚动股票行情。

     

移动内容也可能会让一些人感到非常分心。某些群体,特别是那些有注意力缺陷障碍的群体,发现闪烁的内容会分散注意力,使他们难以专注于网页的其他部分。选择了五秒钟,因为它足够长以引起用户的注意,但不会太久以至于如果有必要使用该页面,用户就不能等待分心。

虽然如果您的移动幻灯片包含需要阅读的信息,这一点尤为重要,但由于上述原因,移动仅限图片的幻灯片也是如此。

答案 1 :(得分:1)

  

图库的幻灯片放映/轮播是否需要暂停按钮才能访问?

有一个"暂停按钮"是必须的,但它不会使幻灯片显示,也不会使用旋转木马。

  

例如,本网站主页上的轮播是否需要暂停/播放按钮?

单击角落中的一个小点会暂停动画,因此如果视觉提示和文本替代方案更有意义,它将回答WCAG的关注。

问题实际上更加困难,因为我们必须了解不同类型的用户体验:

  • 盲人不会将旋转木马视为动画,添加播放/暂停按钮不会为他们添加任何价值(也不会为"下一个/上一个"幻灯片指示时没有宣布他们正在听的是幻灯片演示。)

  • 视障人士需要更多时间阅读,因此暂停很重要,但暂停的能力应该在之前公布。

事实上,没有旋转木马将是最佳的可访问性答案。 WCAG有一个full tutorial page about carousels。其中最重要的部分是:

  

旋转木马从可用性的角度来看是有争议的,因为它们的内容很难被发现。

答案 2 :(得分:0)

您还可以通过确保当用户将注意力集中到旋转木马或其暂停的旋转木马中的元素时填写辅助功能要求。然后确保它不会自行启动。