跳到主要内容

无障碍电子学习

课程视频播放器怎样才算符合 WCAG

Eduspera Team
阅读时间 2 分钟
一台笔记本电脑显示带有字幕控件的清晰视频课时界面,柔和的日光
分享本文

搜索“WCAG播放器”,你会发现一个真实且反复出现的需求:课程团队知道,不可访问的视频播放器可能会使一个本来合规的项目失败。视频是大多数在线学习——以及大多数排斥——发生的地方,因此播放器是最需要正确处理的单一高杠杆组件。这里是大多数买家容易出错的地方:播放器并不是因为有字幕就无障碍。它必须完全可通过键盘操作,屏幕阅读器可以理解,缩放时具有弹性,并尊重运动偏好——而其中的媒体需要字幕、文字稿以及在需要时的音频描述。本指南是一个完整的符合WCAG标准的课程视频播放器的检查清单,解释每个要求存在的原因,以及如何判断你的LMS中的播放器是否符合标准。

无障碍不仅仅是字幕

字幕是必要的,但它只是众多标准之一。一个播放器可以有完美的字幕,但仍然不符合WCAG,因为屏幕阅读器用户找不到播放按钮,或者键盘用户被困在控制栏中,无法到达下一个课时。可以将播放器无障碍性分为两个不同的部分:播放器控制(一个用户界面,具有所有通常的义务)和媒体(视听内容,具有其自身的特定要求)。

这两个部分都必须符合标准,并且它们是独立失败的。自动生成的字幕与不可操作的控制栏失败;一个完全键盘友好的播放器显示一个没有字幕的视频也失败。将这两个层分开对待是唯一诚实评估播放器的方法——这也是审计员会如何看待它的方式。

另一个框架点:视频无障碍性不仅仅是为聋人或盲人用户准备的。字幕帮助非母语者、在嘈杂或无声环境中的人(移动观看的很大一部分),以及那些在阅读时理解更好的学员。音频描述帮助那些注意力从屏幕上转移的人。正确设置播放器,每个学员都会受益。

播放器控制:键盘、焦点和标签

控制栏是一个用户界面,必须像一个用户界面一样表现。至少:

  • 键盘可操作——播放/暂停、搜索、音量、字幕切换、全屏和播放速度必须都能在没有鼠标的情况下工作,没有键盘陷阱(WCAG 2.1.1, 2.1.2)。一个常见的标准是空格/k播放,箭头键搜索,m静音。
  • 可见焦点——每个控制上都有一个清晰的焦点指示器(2.4.7),在WCAG 2.2下,焦点不能被其他元素遮挡(2.4.11),并应符合焦点外观指导。
  • 屏幕阅读器标签——每个按钮需要一个可访问的名称和状态,例如“字幕,关闭”切换为“字幕,开启”,通过适当的角色和ARIA暴露。没有标签的裸图标对屏幕阅读器是不可见的。
  • 目标大小——控制足够大以便通过触摸可靠操作(WCAG 2.2, 2.5.8),这在大多数学员使用的手机上很重要。
  • 无自动播放陷阱——避免自动播放超过三秒的音频,没有明显的控制来停止它(1.4.2)。

通过在鼠标拔掉的情况下在控制栏中按Tab键进行测试。如果你不能通过键盘切换字幕或退出全屏,播放器就不符合标准——无论规格表上怎么说。

媒体:字幕、文字稿和音频描述

对于视听内容本身,WCAG 2.2 AA要求:

  • 同步字幕(1.2.2),准确、完整且时机良好——包括说话者变化和有意义的非语音声音。自动字幕是一个起点,而不是终点。
  • 文字稿——严格来说是AA的最佳实践,但对于通过盲文显示器阅读的聋盲用户来说是必需的,对于想快速浏览、搜索或复习的学员来说是无价的。
  • 音频描述(1.2.5),用于未在主音频中传达的视觉信息——屏幕文本、无声演示、仅通过手势引用的图表。
  • 字幕控制和样式——学员应该能够打开/关闭字幕,并且理想情况下可以调整其大小或对比度。

自动转录已经显著改善——现代语音到文本在清晰音频上达到低个位数的错误率——但它仍然需要人类审核通过以处理名称、技术术语和多语言内容。请参阅我们的自动字幕电子学习指南以获取实用工作流程。

带有可见键盘焦点和字幕按钮的无障碍视频播放器的特写

重排、对比度和减少运动

最后,播放器必须在与页面其余部分相同的显示适配下保持稳定——这些很容易被遗忘,因为它们只在你故意测试时出现:

  • 重排和缩放——在400%缩放时(WCAG 1.4.10),控件必须保持可访问和可用,无需水平滚动,视频不能将关键UI推离屏幕。
  • 对比度——控制图标和任何文本必须满足与播放器背景的对比度最低要求,背景通常是深色的;黑色上的浅灰色图标经常失败(请参阅我们的对比度指南)。
  • 减少运动——尊重操作系统的减少运动偏好,适用于控制动画和过渡。
  • 无有害闪烁——UI或缩略图中没有任何内容每秒闪烁超过三次(2.3.1)。

使用键盘、屏幕阅读器和高缩放运行所有这些——我们在在线课程WCAG合规指南中描述的方法相同。

常见播放器陷阱(和快速测试)

当团队发现他们的播放器不合规时,几乎总是以下之一:

  • 没有标签的自定义控件。设计师用漂亮的图标替换了原生控件,屏幕阅读器无法命名。测试:打开屏幕阅读器并按Tab键到每个控件——它是否宣布名称和状态?
  • 全屏中的键盘陷阱。你通过键盘进入全屏,但无法退出。测试:在全屏中按Escape和Tab键。
  • 鼠标专用菜单后的字幕。 测试:你能仅使用键盘切换字幕吗?
  • 嵌入的第三方播放器,其无障碍性你无法控制。测试:询问供应商他们使用哪个播放器引擎以及它是否有自己的合规报告。
  • 任何地方都没有文字稿。 测试:在视频附近寻找文字稿链接或面板。

任何一个都足以导致审核失败,所有这些都可以在十分钟的键盘和屏幕阅读器检查中被发现。

直播、音频描述和被忽视的细节

一旦处理好基础知识,有两个领域会让团队感到困惑。第一个是直播和网络研讨会内容。WCAG 1.2.4要求对直播音频进行字幕,这意味着对网络研讨会和直播课程进行实时字幕——无论是人类字幕员还是可靠的自动字幕流。如果你的项目包括直播课程,请确认平台(或你的会议工具)可以为其提供字幕,并且在之后发布带字幕的录音,以便按需版本符合1.2.2。

第二个是正确完成的音频描述。许多课程视频是“讲话者加幻灯片”,讲师假设旁白涵盖了一切。实际上很少如此:从未被大声朗读的屏幕文本、无声的软件演示、仅通过“如你所见”指向的图表——所有这些对于无法看到屏幕的学员来说都是不可见的。最便宜的解决方案是从一开始就以包容性方式编写和旁白(“右上角的绿色线条显示收入”),因此很少需要单独的描述轨道。在需要时,播放器必须支持替代描述版本。

一些较小的细节完善了一个真正无障碍的播放器:一个有意义的、标记的海报框架,而不是随机冻结;键盘可达的章节标记;播放速度控制(对处理差异的真正无障碍帮助);以及记住学员在视频间的字幕偏好,以便他们不必每次都重新启用。这些都不算稀有——它们是一个技术上合格的播放器与一个真正愉快地使用辅助技术的播放器之间的区别。

无障碍播放器对所有人都更好——也对SEO更好

将无障碍播放器视为合规成本是很诱人的,但它在整个受众中都有回报。字幕被大量使用在没有听力损失的人中——在公共场合、床上或用第二语言观看时关闭声音的观众。文字稿让忙碌的学员可以在两分钟内浏览20分钟的视频,搜索他们需要的部分,并在考试前复习。键盘操作性帮助高级用户和任何使用不稳定触控板的人。播放速度控制帮助快速和慢速处理器。换句话说,你为残疾学员构建的功能悄悄提高了所有学员的完成率和满意度。

还有一个发现的好处。文字稿是可索引的文本:它为搜索引擎(以及越来越多的AI回答引擎)提供了阅读的内容,而裸视频几乎没有提供任何内容,因此带字幕、转录的课时更有可能出现在搜索中并被引用。结构良好、标记良好的播放器标记对于推动社交分享的嵌入和预览也更为稳健。无障碍性、性能和SEO往往一起移动——同样的语义、标记良好、富文本的方法服务于这三者。

因此,当你权衡切换到无障碍播放器的努力时,不仅要计算避免的风险,还要计算上升空间:更多的完成、更多的复习、更好的搜索可见性,以及一个不会悄悄排斥每批学员一部分的项目。

你的WCAG视频播放器检查清单

在评估任何课程视频播放器时使用此作为快速通过/失败。只有当你能对所有问题回答“是”时,播放器才符合标准:

  • 每个控件(播放、搜索、音量、字幕、速度、全屏)都可以通过键盘操作,没有陷阱。
  • 一个可见的焦点指示器跟随你通过控件,并且从不被其他元素隐藏。
  • 屏幕阅读器宣布每个控件的名称和当前状态(例如“字幕,关闭”)。
  • 同步字幕准确、完整且可切换,包括说话者和声音提示。
  • 视频附近有一个文字稿。
  • 音频描述(或包容性旁白)涵盖仅视觉信息。
  • 直播课程实时提供字幕,录音保留这些字幕。
  • 控件在400%缩放时仍然可用,并满足对比度和触控目标大小。
  • 播放器尊重减少运动偏好,并且没有任何内容每秒闪烁超过三次。
  • 学员的字幕偏好在视频间被记住。

如果任何答案是否定的,你就有一个具体的、可证明的无障碍差距可以向供应商提出——或者选择不同平台的理由。

Eduspera播放器的构建方式

Eduspera的课程播放器是根据这些要求构建的:完全键盘操作,具有可见的、未被遮挡的焦点;屏幕阅读器标记的控件,宣布状态;同步字幕加上可下载的文字稿;以及尊重减少运动和高缩放设置的行为。视频接收自动字幕,讲师可以审查和更正,整个体验是根据WCAG 2.2 AA进行测试的,而不是假设的。

如果你当前的LMS播放器未通过键盘或屏幕阅读器测试,仅此一点就足以更换——而Eduspera会免费迁移你的课程和视频,价格约为大平台的一半。免费试用或查看平台在我们的比较页面上的比较。

常见问题解答

什么是符合WCAG标准的视频播放器?

一个播放器,其控件完全可通过键盘操作,具有可见的、未被遮挡的焦点和宣布状态的屏幕阅读器标签,其媒体包括同步字幕、文字稿和(在需要时)音频描述——同时在400%缩放时保持可用,并尊重减少运动偏好。

字幕足以使课程视频无障碍吗?

不。字幕满足一个标准(WCAG 1.2.2)。播放器控件还必须可通过键盘操作和屏幕阅读器标记,应该提供文字稿,并且可能需要音频描述(1.2.5)以用于仅视觉信息。在不可操作的播放器中,带字幕的视频仍然失败。

WCAG要求视频提供文字稿吗?

WCAG AA严格要求预录视频提供字幕和音频描述;文字稿是最佳实践,对于通过盲文显示器阅读的聋盲用户是必要的。大多数无障碍课程平台提供字幕和文字稿,因为文字稿也有助于浏览和复习。

如何测试我的LMS视频播放器是否无障碍?

仅使用键盘操作播放器(播放、搜索、字幕、全屏),检查可见焦点和无陷阱,运行屏幕阅读器以确认控件已标记并宣布状态,验证字幕和文字稿是否存在,并在400%缩放和启用减少运动时进行测试。

Eduspera的播放器是否符合WCAG 2.2 AA?

是的。播放器提供键盘可操作、屏幕阅读器标记的控件,具有可见焦点、同步字幕和可下载的文字稿,并尊重减少运动和高缩放设置——所有这些都经过WCAG 2.2 AA测试。

无障碍电子学习

2026 年的无障碍员工培训:两种交付模式,以及如何选择

无障碍、残疾包容性培训是职场学习增长最快的领域之一。本指南解释了两种交付方式——购买现成的课程目录或在无障碍平台上构建自己的课程——重要的无障碍标准,以及如何选择适合您组织的模式。

Eduspera Team阅读时间 1 分钟