与 WCAG 1.2.5 音频描述(预录)相关的无音频通用生活方式背景视频的可访问性规则
Accessibility rules for generic lifestyle background video with no audio as it relates to WCAG 1.2.5 Audio Description (Prerecorded)
我想我理解 WCAG 1.2.5 音频描述(预录)规则,但我找不到直接的答案是如果每个录制的背景视频没有提供真正的价值,比如它是只是一个没有 talking/audio 的人在环路上行走的短视频。这条规则仍然适用吗?
简答
假设视频除了装饰之外没有其他用途,那么您可以安全地使用 aria-hidden="true"
隐藏它。
更长的答案
虽然以上内容对于可访问性完全有效,但从可访问性的角度来看还有其他考虑因素。
你们提供暂停视频的方法吗?如果有人患有焦虑症,那么视频可能会分散注意力,因此您必须提供暂停视频的方法。 (或者您可以使用 Prefers Reduced Motion media query and use that to stop the video auto playing, however the support is not fantastic at 80%。)
您还应该添加 muted
属性以指示视频对屏幕阅读器没有声音。
如果视频确实提供了目的(即它强调了公司的工作),那么您应该使用 aria-describedby
向视频添加描述并将其指向带有描述的隐藏 <div>
视频内容最少。
最后的想法
如果视频纯粹是装饰性的,在页面中没有任何意义,只是为了 'look cool' 也许可以考虑用图片替换它。它将极大地帮助您缩短页面加载时间,因此只能帮助转化,视频背景伤害大于帮助,因为它们会分散您对号召性用语的注意力。
我想我理解 WCAG 1.2.5 音频描述(预录)规则,但我找不到直接的答案是如果每个录制的背景视频没有提供真正的价值,比如它是只是一个没有 talking/audio 的人在环路上行走的短视频。这条规则仍然适用吗?
简答
假设视频除了装饰之外没有其他用途,那么您可以安全地使用 aria-hidden="true"
隐藏它。
更长的答案
虽然以上内容对于可访问性完全有效,但从可访问性的角度来看还有其他考虑因素。
你们提供暂停视频的方法吗?如果有人患有焦虑症,那么视频可能会分散注意力,因此您必须提供暂停视频的方法。 (或者您可以使用 Prefers Reduced Motion media query and use that to stop the video auto playing, however the support is not fantastic at 80%。)
您还应该添加 muted
属性以指示视频对屏幕阅读器没有声音。
如果视频确实提供了目的(即它强调了公司的工作),那么您应该使用 aria-describedby
向视频添加描述并将其指向带有描述的隐藏 <div>
视频内容最少。
最后的想法
如果视频纯粹是装饰性的,在页面中没有任何意义,只是为了 'look cool' 也许可以考虑用图片替换它。它将极大地帮助您缩短页面加载时间,因此只能帮助转化,视频背景伤害大于帮助,因为它们会分散您对号召性用语的注意力。