
视频本身是不可访问的。即使内容来自外部来源——比如视频制作者或YouTube频道——你仍然有责任确保你网站上的每个访问者都能完全访问它。
视频可以为网站提供许多用途:
以公司创始人为特色的主页视频或解决方案的演示视频可以作为对该网站的独特欢迎;
产品视频让客户更好地了解你的库存,这有助于决策过程;
背景视频可以很好地改变静态内容的节奏;
博客帖子视频可以为读者提供另一种消费内容的方式;
视频内容为网站提供了更好的搜索排名机会(比如在谷歌视频下显示,或者在第一个SERP上显示相关的“如何”问题)。
你最不想做的事情就是花所有的时间把你的网站设计成只有视频(视频是内容的重要组成部分)是不可访问的。
下面,我们将看看你可以做什么,使视频访问你的网站。
1. 遵循视频可访问性最佳实践
当我们谈论如何使视频可访问时,我们最终要做的是解决两个大问题:
使每个人都能充分消费内容;
使每个人都能控制内容的播放。
这不仅适用于有视觉或听觉障碍的访问者。可访问的视频对于那些在特定情况下受到限制的人来说是有用的(比如有些人在坐公交车回家的时候可以看视频,但是却不能听,因为他们没有耳机)。
这里是你可以做的,以帮助你所有的访客消费你的视频内容的全部:
禁用自动播放和循环
没有人想要进入一个网站或新的网页,只是为了在上面播放视频。这对于那些视力受损的人来说尤其如此,他们不得不依靠屏幕阅读器来控制自动播放的视频。
因此,在将视频发布到您的站点之前,请记住禁用自动播放和自动循环功能。
使标题
字幕基本上是一个脚本,出现在你的视频。所以,就像电影或戏剧的剧本一样,字幕是同步的注释,它会把所听到的内容拼写出来。
除了演讲本身,字幕可能还包括以下内容:
显示但不出声的标题和章节名称;
背景音乐中播放的歌曲名称或歌词;
环境噪声注意事项。
你可以使用两种标题。打开字幕自动显示每当任何人播放你的视频。观看视频的人需要打开字幕。
虽然一些视频播放器软件可能会为你提供自动生成字幕,但最好是你自己来做。(稍后你就知道为什么了。)
使字幕
对于那些不会说视频母语的访客,确保字幕是打开的,或者你已经把字幕包括进去了(如果你正在准备自己的字幕的话)。
需要时添加音频描述
虽然字幕和字幕捕捉视频的音频,但它们通常不会描述屏幕上的内容。这可能会损害视力受损的用户理解正在发生的事情的能力,如果在视觉上有相关的东西(如屏幕上的文本或某种没有被大声描述的动作)。
所以,除了字幕和字幕,你可能需要额外的音频描述或一个单独的音轨完全补充视频。
提供一个记录
文字记录是字幕和音频描述的混合体。基本上,一份文字记录应该捕捉到视频中的所有内容:
演讲;
标题、字幕和其他屏幕上的文本;
屏幕上活动的描述;
链接在屏幕上被引用或共享。
与字幕不同的是,文本通常是在视频播放器之外的,可以用HTML写在页面上,也可以通过链接或下载提供。交互式文本有些不同,因为它们直接连接到视频播放器上(我将在下面的示例中展示)。
正确格式化屏幕上的文本
即使你没有或不能让你的访问者有能力在屏幕上设计标题,也要仔细考虑你的选择可能会如何影响他们的阅读能力,这是很重要的,包括:
文本颜色;
背景颜色;
视频颜色;
文本-背景颜色对比度;
文本-视频颜色对比度;
文本大小;
文本在屏幕上的位置;
语音文本同步;
显示每行文本的时间长度。
避免闪烁的内容
容易出现癫痫、头晕或恶心的访问者可能不会对网站上任何闪烁、闪烁或抚摸的内容做出良好的反应。此外,要小心使用视错觉,因为它们同样会使游客迷失方向、扰乱或分散注意力。
明确标注交互元素
如果你能控制视频播放器的设计方式或者它的互动元素,确保每一寸都有清晰的标签。没有标签或有古怪命名习惯的按钮会让你的访问者感到厌烦,所以要坚持使用其他人使用的可靠的标签。
在将任何视频发布到您的站点之前,请确保屏幕阅读器和键盘能够完全访问它们。这不仅仅意味着能够在页面上找到视频播放器。这意味着要控制音量、启用封闭字幕或快进等功能。
2. 使用可访问的视频播放器
有许多视频播放器选项都内置了辅助功能。下面是一些比较流行的操作系统不可知的选项:
YouTube是一个流行的视频共享解决方案,所以您可能会想要使用这个选项。然而,它唯一的视频辅助功能是:
字幕;
封闭的标题。
即便如此,你也要为听力受损的访问者提供和完善字幕。当你上传一个新的视频(或编辑一个现有的),你可以选择上传字幕或说明:
YouTube -上传字幕
您的.srt文件可以准备或不准备定时(尽管定时是理想的)。
如果你没有准备字幕,你可以依靠YouTube的自动字幕系统。它们不会很漂亮,所以你仍然需要使用YouTube Studio来编辑文字记录,使其与你所说的内容保持一致:
YouTube -自动字幕
但这至少可以节省您从头开始编写它们的时间。
最后,你网站的访问者将能够通过YouTube视频播放器右下角的小“抄送”图标来关闭字幕。这是他们将如何出现时,他们发挥你的视频:
YouTube——字幕
除了让YouTube将这些字幕翻译成他们选择的另一种语言外,用户几乎无法控制这些字幕的显示方式。
我想说的是,如果你的网站上已经有了YouTube的内容,而且你想快速解决一些无法访问的问题,那么这个选项是可以使用的。但请记住,你需要做的还有很多,以使100%的视频访问。
JW球员
JW播放器可能不是免费的,也不像YouTube那么有名,但这个HTML5视频播放器将在可访问性方面做得更多。
例如,你可以使用它来启用封闭字幕:
JW播放器-封闭字幕
提供了多语言支持,因此您的用户不会自动归属于视频的主要语言。
JW播放器还允许观众根据自己的喜好设置字幕:
JW播放器-字幕样式
他们可以改变以下设置所有从设置在视频播放器:
字体颜色;
字体不透明;
字体大小;
字体;
字符边缘风格;
背景颜色;
背景不透明;
窗口颜色;
不透明的窗口。
另一个可访问的功能是HLSV4音轨:
JW播放器-音频轨道
虽然JW Player建议使用一个音频轨道,比如在电影上放置导演的评论,但你可以用它来提供屏幕上发生的事情的重要反馈(即音频描述)。例如,如果一个人有视觉障碍,但能够听视频,音频轨迹会解释屏幕上的细节。
JW播放器的另一个有用的辅助功能是交互式文本:
JW播放器-交互式文本
文本对于有屏幕阅读器的视障用户和需要音频帮助的听力受损用户都是有用的。有了这个交互式的文字记录,用户可以在文字记录中搜索关键短语,这对所有用户来说都是一个非常有用的功能。
如何使视频可访问
当你想让视频变得可访问时,你必须考虑如何从各个角度理解内容。
如果有人听不到音频,他们还需要什么才能理解屏幕上的内容?
如果有人不能观看视频,你能做什么来帮助他们看到屏幕上的内容?
如果有人不能用鼠标控制视频,他们如何在视频播放器的设置中导航?
换句话说,真正地思考一下你需要做些什么来确保没有人因为你的网站缺乏视频可访问性而影响到你的体验。通过使用上面的指导方针和对可访问性友好的媒体播放器,您将有一个良好的开端。
