【问题标题】:Does an image gallery slideshow/carousel need a pause button to be accessible?图片库幻灯片/轮播是否需要暂停按钮才能访问?
【发布时间】:2018-07-17 23:24:01
【问题描述】:
【问题讨论】:
标签:
javascript
carousel
accessibility
slideshow
wcag
【解决方案1】:
是的,为了满足 WCAG2.0 标准2.2.2 Pause, Stop, Hide (Level A),无论幻灯片是否包含任何文本信息,您都需要允许用户暂停轮播。如果移动持续时间超过 5 秒(它可能会假设它是一个不停循环的轮播),用户必须能够暂停它。
如果您阅读理解 2.2.2(上一段中的超链接),它会提到:
此成功标准的目的是避免在用户与网页交互期间分散他们的注意力。
“移动、闪烁和滚动”是指可见内容传达运动感的内容。常见示例包括电影、同步媒体演示、动画、实时游戏和滚动股票行情。
移动内容也可能会严重分散某些人的注意力。某些群体,尤其是那些有注意力缺陷障碍的群体,会发现眨眼的内容会分散注意力,使他们难以专注于网页的其他部分。之所以选择 5 秒,是因为它足以引起用户的注意,但又不会太长以至于用户在必要时无法等待分心来使用该页面。
虽然如果您的移动幻灯片包含需要阅读的信息,这一点尤其重要,但出于上述原因,这对于仅移动图像的幻灯片也是必需的。
【解决方案2】:
图片库幻灯片/轮播是否需要暂停按钮才能访问?
有一个“暂停按钮”是必须的,但它不会使幻灯片易于访问,也不会使轮播变得用户友好。
例如,本网站主页上的轮播是否需要暂停/播放按钮才能被视为可访问?
单击角落中的一个小点确实会暂停动画,因此如果视觉提示和文本替代更有意义,它将回答 WCAG 的问题。
这个问题实际上更加困难,因为我们必须了解不同类型的用户体验:
事实上,没有轮播是最好的可访问性答案。 WCAG 有一个full tutorial page about carousels。其中最重要的部分是:
从可用性的角度来看,轮播是有争议的,因为它们的内容很难被发现。
【解决方案3】:
您还可以通过确保当用户关注轮播或轮播中的元素时暂停来满足可访问性要求。然后确保它不会自行备份。