Accessibility - 版本历史

Harrison.xing@ciu.edu：/* PowerPoint 幻灯片 */

2026-03-24T18:29:57Z

PowerPoint 幻灯片

←上一版本		2026年3月25日 (三) 02:29的版本
第1,000行：		第1,000行：
	= 按内容类型划分的课程资料 =		= 按内容类型划分的课程资料 =

	===== '''<u>PowerPoint 幻灯片</u>''' =====		==== '''<u>PowerPoint 幻灯片</u>''' ====
	无障碍PowerPoint幻灯片确保所有观众（包括使用辅助技术的用户）都能阅读、浏览和使用幻灯片。这适用于 PowerPoint (PPT)、Google Slides 和其他基于幻灯片的工具。		无障碍PowerPoint幻灯片确保所有观众（包括使用辅助技术的用户）都能阅读、浏览和使用幻灯片。这适用于 PowerPoint (PPT)、Google Slides 和其他基于幻灯片的工具。

第1,062行：		第1,062行：
	[https://webaim.org/techniques/powerpoint/ '''微软 PowerPoint 辅助功能''']		[https://webaim.org/techniques/powerpoint/ '''微软 PowerPoint 辅助功能''']

	===== '''<u>文档 Document</u>''' =====		==== '''<u>文档 Document</u>''' ====
	无障碍文档确保所有用户（包括残障人士）都能有效地阅读、浏览和使用文档内容。这适用于文字处理文件（例如 Microsoft Word、Google Docs）、PDF 和其他文本文件。		无障碍文档确保所有用户（包括残障人士）都能有效地阅读、浏览和使用文档内容。这适用于文字处理文件（例如 Microsoft Word、Google Docs）、PDF 和其他文本文件。

第1,124行：		第1,124行：
	\|在 Acrobat 中，打开辅助功能检查器（工具 > 辅助功能 > 全面检查）。		\|在 Acrobat 中，打开辅助功能检查器（工具 > 辅助功能 > 全面检查）。
	\|}		\|}
			[https://www.youtube.com/playlist?list=PL2GnpAhfNiFGnv0D6ATcclO3cyq3ZZjyG '''视频教程： How to make word documents accessible 如何使Word文档易于访问''']

	===== '''<u>视频和音频</u>''' =====		==== '''<u>视频和音频</u>''' ====
	无障碍视频和音频内容确保所有用户，包括听力或视力障碍者，都能获取信息。这适用于录制媒体和直播媒体。		无障碍视频和音频内容确保所有用户，包括听力或视力障碍者，都能获取信息。这适用于录制媒体和直播媒体。

	==== 视频和音频无障碍访问的关键原则 ====		===== 视频和音频无障碍访问的关键原则 =====
	{\| class="wikitable"		{\| class="wikitable"
	!战略		!战略
第1,166行：		第1,167行：
	\|}		\|}

	===== '''<u>PDF文档</u>''' =====		==== '''<u>PDF文档</u>''' ====
	PDF 是一种常见的文档共享格式，但它在可访问性方面存在一些挑战。以下将帮助您决定何时使用 PDF，何时避免使用 PDF，以及在必要时如何提高 PDF 的可访问性。		PDF 是一种常见的文档共享格式，但它在可访问性方面存在一些挑战。以下将帮助您决定何时使用 PDF，何时避免使用 PDF，以及在必要时如何提高 PDF 的可访问性。
	----		----
第1,195行：		第1,196行：
	[https://helpx.adobe.com/acrobat/using/creating-accessible-pdfs.html '''创建易于访问的PDF文件''']		[https://helpx.adobe.com/acrobat/using/creating-accessible-pdfs.html '''创建易于访问的PDF文件''']

	===== '''<u>网络平台媒体</u>''' =====		==== '''<u>网络平台媒体</u>''' ====
	网络平台及社交媒体无障碍功能确保所有用户都能使用帖子、图片、视频和互动内容，包括那些依赖屏幕阅读器、字幕和键盘导航的用户。每个平台的无障碍功能各不相同，但核心最佳实践适用于所有平台。		网络平台及社交媒体无障碍功能确保所有用户都能使用帖子、图片、视频和互动内容，包括那些依赖屏幕阅读器、字幕和键盘导航的用户。每个平台的无障碍功能各不相同，但核心最佳实践适用于所有平台。

	==== 网络平台及社交媒体内容可访问性的关键原则 ====		===== 网络平台及社交媒体内容可访问性的关键原则 =====
	{\| class="wikitable"		{\| class="wikitable"
	!战略		!战略

Harrison.xing@ciu.edu：/* PDF格式的优点和缺点 */

2026-03-24T17:57:45Z

PDF格式的优点和缺点

←上一版本		2026年3月25日 (三) 01:57的版本
第1,170行：		第1,170行：
	----		----

	==== PDF格式的优点和缺点 ====		====== PDF格式的优点和缺点 ======
	优点		优点

第1,183行：		第1,183行：
	* 不适合移动设备：与响应式网页不同，PDF 文件在小屏幕上难以浏览。		* 不适合移动设备：与响应式网页不同，PDF 文件在小屏幕上难以浏览。

	==== 何时使用PDF？ ====		====== 何时使用PDF？ ======

	* 基本格式：当文档格式至关重要时（例如，表格、正式信函），请使用 PDF。		* 基本格式：当文档格式至关重要时（例如，表格、正式信函），请使用 PDF。
	* 存档文档：如果 PDF 文件已正确添加无障碍标签，则可以作为存档内容。		* 存档文档：如果 PDF 文件已正确添加无障碍标签，则可以作为存档内容。
	* 印刷分发：对于主要用于印刷的材料，请使用 PDF 文件。		* 印刷分发：对于主要用于印刷的材料，请使用 PDF 文件。

	==== 何时应避免使用PDF文件？ ====		====== 何时应避免使用PDF文件？ ======

	* 简单的文本内容：对于简单的内容（例如，新闻通讯、更新），请'''使用网页'''或易于访问的 Word 文档。		* 简单的文本内容：对于简单的内容（例如，新闻通讯、更新），请'''使用网页'''或易于访问的 Word 文档。
	* 交互式内容：'''除非能确保完全的交互性和可访问性，否则请避免使用 PDF 格式的表单或应用程序。'''		* 交互式内容：'''除非能确保完全的交互性和可访问性，否则请避免使用 PDF 格式的表单或应用程序。'''

Harrison.xing@ciu.edu：/* 1.4.3 对比度 (AA) */

2026-03-24T17:56:13Z

1.4.3 对比度 (AA)

显示更改

Harrison.xing@ciu.edu：/* Moodle LMS ADA / WCAG 2.1 AA 完整合规检查清单 */

2026-03-24T16:53:29Z

Moodle LMS ADA / WCAG 2.1 AA 完整合规检查清单

←上一版本		2026年3月25日 (三) 00:53的版本
第331行：		第331行：
	{\| class="wikitable"		{\| class="wikitable"
	! colspan="undefined" \|关键要素		! colspan="undefined" \|关键要素
	! colspan="undefined" \|重点		! colspan="undefined" \|'''重点'''
			'''（适用于教师提供的所有课程资料包括文本内容，PowerPoint,Word,Excel等）'''
	! colspan="undefined" \|责任方		! colspan="undefined" \|责任方
	\|-		\|-
第354行：		第355行：
	\|老师		\|老师
	\|}		\|}
	信息和关系：通过代码（HTML标签）呈现的网页信息、结构和关系，必须能够通过程序确定或提供文本。例如，使用 <nowiki><h1>~<h6> 表示标题，<ul> 表示列表。</nowiki>

	~~有意义的序列 (Level A)：内容显示的顺序必须符合逻辑，使辅助技术（如屏幕阅读器）能以正确的阅读顺序呈现内容。~~

	~~感知特性 (Level A)：不应仅依赖形状、大小、视觉位置或声音来传达指令。例如，不仅说“点击右边的按钮”，应明确标识为“提交按钮”。~~

	~~视图方向 (Level AA)：内容不应限制单一视图方向（如仅限纵向或横向），除非特定视图是必不可少的。~~

	~~识别输入目的 (Level AA)：输入数据的表单字段必须定义明确的用途（如使用 autocomplete 属性），以便辅助技术可以自动填充或标识。~~
	----		----

	=== 1.3.1 信息与关系 ===		=== 1.3.1 信息与关系Info and Relationships ===
	□ HTML 使用正确语义标签		□ HTML 使用正确语义标签

第383行：		第375行：

	□ Moodle block 有语义角色		□ Moodle block 有语义角色


			示例：

			=== 标题与结构 (H1-H6) ===

			* '''错误做法：''' 在 Moodle 的文本编辑器（Atto 或 TinyMCE）里，通过加粗、加大字号、改变颜色来制作“标题”。
			* '''正确做法：''' 选中文字，在下拉菜单中选择 '''"Heading (large)"''' 或 '''"Heading (medium)"'''。<blockquote>'''Moodle 技巧：''' Moodle 的课程名称通常已经是 <code><nowiki><h1></nowiki></code>，所以课程内的章节标题应从 <code><nowiki><h2></nowiki></code> 或 <code><nowiki><h3></nowiki></code> 开始，形成严格的嵌套层级。[[File:ImageSelectHeadingsInEditor.png\|alt=ImageSelectHeadingsInEditor\|center\|frame\|ImageSelectHeadingsInEditor]]</blockquote>

			=== 表格关联 (th & caption) ===

			* '''例子：''' 一个展示学生平时成绩的表格。
			* '''实现：''' * 使用 <code><nowiki><caption></nowiki></code> 描述表格名称（如：2026年春季期中成绩单）。
			** 第一行表头使用 <code><nowiki><th></nowiki></code> 并加上 <code>scope="col"</code>。
			** 如果表格复杂，确保 <code>id</code> 和 <code>headers</code> 属性一一对应。

			=== 表单 Label 绑定 ===

			* '''Moodle 场景：''' 在创建一个自定义问卷（Feedback）或数据库活动时。
			* '''实现：''' 确保输入框旁边的文字不仅仅是“浮动文字”，而是用 <code><label for="id"></code> 标签包裹，且 <code>for</code> 的值与输入框的 <code>id</code> 严格一致。这样盲人点击文字时，焦点会自动进入输入框。

	----		----

	=== 1.3.2 有意义的顺序 ===		=== 1.3.2 有意义的顺序Meaningful Sequence ===
	□ 阅读顺序正确		□ 阅读顺序正确

第393行：		第406行：
	----		----

	=== 1.3.3 感官特征 ===		=== 1.3.3 感官特征Sensory Characteristics ===
	不能依赖：		不能依赖：

第403行：		第416行：
	----		----

	=== 1.3.4 方向 ~~(AA)~~ ===		=== 1.3.4 方向 Orientation ===
	□ 页面支持 '''横屏和竖屏'''		□ 页面支持 '''横屏和竖屏'''
	----		----

	=== 1.3.5 输入目的识别 ~~(AA)~~ ===		=== 1.3.5 输入目的识别 Identify Input Purpose ===
	□ 表单字段支持 '''autocomplete'''		□ 表单字段支持 '''autocomplete'''

Harrison.xing@ciu.edu：/* 1.3 可适应性 Adaptable */

2026-03-24T14:47:16Z

1.3 可适应性 Adaptable

@@ 第317行： / 第317行： @@
 = 1.3 可适应性 Adaptable =
 信息结构必须可程序识别。
 ----

Harrison.xing@ciu.edu：/* 1.2.5 音频描述 (AA) */

2026-03-23T20:54:24Z

1.2.5 音频描述 (AA)

←上一版本		2026年3月24日 (二) 04:54的版本
第304行：		第304行：
	=== 1.2.5 音频描述 (AA) ===		=== 1.2.5 音频描述 (AA) ===
	□ 关键视觉信息有音频描述		□ 关键视觉信息有音频描述



	'''教师无障碍内容规范'''		'''教师无障碍内容规范'''

	* 音频必须提供文字版文本		* 音频必须提供文字版文本
	* 无声视频提供文本说明		* 无声视频提供文本说明
第612行：		第612行：

	= 三、可理解 Understandable =		= 三、可理解 Understandable =
	----		{\| class="wikitable"
			! colspan="undefined" \|关键要素
			! colspan="undefined" \|重点
			! colspan="undefined" \|责任方
			\|-
			\| colspan="undefined" \|可读
			\| colspan="undefined" \|语言清晰，格式正确，缩写定义明确。
			\| colspan="undefined" \|老师
			\|-
			\| colspan="undefined" \|可预测的
			\| colspan="undefined" \|一致的导航和功能。
			\| colspan="undefined" \|开发者
			\|-
			\| colspan="undefined" \|输入辅助
			\| colspan="undefined" \|错误预防和识别。
			\| colspan="undefined" \|两者兼有（开发者构建它，教师使用它）
			\|}
			简而言之，开发者确保“房子”（Moodle）易于导航，而教师则确保“家具”（内容）摆放得易于理解。

	= 3.1 可读 =		= 3.1 可读 =

Harrison.xing@ciu.edu：/* 1.2.4 实时字幕 (AA) */

2026-03-23T20:47:52Z

1.2.4 实时字幕 (AA)

←上一版本		2026年3月24日 (二) 04:47的版本
第251行：		第251行：
	□ 实时直播课程提供 '''实时字幕'''		□ 实时直播课程提供 '''实时字幕'''

			Captions 按时间轴同步显示在视频下方，通常包含声音描述；而 Transcripts 是独立于视频的文本文件，通常只有对白，用于阅读或记录。


	我们支持的两种直播课程平台(都提供~~了Accessibility~~的实时字幕功能)：		我们提供的两种直播课程平台(都提供了WCAG2.1 AA Accessibility的实时字幕功能)：

	'''Teams:'''		'''Teams:'''

	Teams 会议中~~的关键~~辅助功能		Teams 会议中的Accessibility辅助功能

	* 实时字幕（AI生成）：提供自动、实时的字幕，显示谁在说话。		* 实时字幕（AI生成）：提供自动、实时的字幕，显示谁在说话。
第262行：		第264行：

	如何使用实时字幕?		如何使用实时字幕?

			# 在Teams会议中，点击“More/更多”（三个点）图标。
			# 选择语言和演讲"Language and speech"。
			# 选择“显示实时字幕"Show live captions” 也可以使用键盘快捷键：Alt+Shift+C, MacOS系统: Command (⌘) + Shift + C

			[[File:ImageCaptions.png\|center\|thumb\|1152x1152px]]
			如何使用文字稿?

	# 在Teams会议中，点击“More/更多”（三个点）图标。		# 在Teams会议中，点击“More/更多”（三个点）图标。
第268行：		第277行：

	[[File:ImageTeamsTranscription.png\|center\|thumb\|1021x1021px]]		[[File:ImageTeamsTranscription.png\|center\|thumb\|1021x1021px]]



	'''Zoom:'''		'''Zoom:'''

	~~Teams~~ 会议中的关~~键辅助功能~~		默认情况下，我们的Zoom已启用自动字幕功能。默认语言为英语，但您仍可以选择其他语言比如中文。系统将根据设置生成相应语言的字幕。

			语言的可用性，取决于主持人的自动字幕设置。参会者可以点击“CC”图标来开启或关闭字幕。

			如何开启实时字幕？

	* 实时字幕~~（AI生成）：提供自动、实时~~的字幕，显示~~谁在说话~~。		# '''在会议控制工具栏中，点击“更多/More（三个点）图标，'''
	* 实时翻译~~字幕：允许参与者~~查看~~翻译成他们首~~选语言的字幕。		# '''然后点击“显示字幕/Show captions”'''

			[[File:ImageZoomcaption.png\|center\|thumb\|1100x1100px]]
			如何查看会议的完整文字记录/文字稿。

			# '''在会议控制工具栏中，点击“更多/More（三个点）图标，然后点击“显示字幕/Show captions”'''图标，。
			# '''在“字幕和翻译”'''下，点击“'''查看完整文字稿”'''。'''“文字稿/Transcript”'''面板将出现，显示本次会议的完整文字稿。
			# '''（可选）在文字稿/Transcript'''面板顶部，使用搜索栏搜索文字稿。
			# '''（可选）在文字稿/Transcript'''面板底部，单击'''“保存文字稿/Save transcript”''' 可下载完整文字稿的 .TXT 文件。
			# '''（可选）要隐藏完整文字记录，请在“文字稿/Transcript”'''面板的右上角单击'''X'''图标关闭窗口。[[File:ImageCaptiondandTranscript.png\|alt=ImageCaptiondandTranscript\|center\|thumb\|1119x1119px\|ImageCaptiondandTranscript]]

	----		----

Harrison.xing@ciu.edu：/* 1.2.2 预录媒体字幕 */

2026-03-23T20:04:10Z

1.2.2 预录媒体字幕

@@ 第233行： / 第233行： @@
 <code>00:00:01.000 --> 00:00:05.000</code>
-<code>欢迎来到本课程</code>
+<code>欢迎同学们来到本课程</code>
 <code>00:00:05.000 --> 00:00:10.000</code>
@@ 第250行： / 第250行： @@
 === 1.2.4 实时字幕 (AA) ===
 □ 实时直播课程提供 '''实时字幕'''
 ----

2026年3月20日 (五) 16:44 Harrison.xing@ciu.edu

2026-03-20T16:44:56Z

←上一版本		2026年3月21日 (六) 00:44的版本
第1行：		第1行：
	== '''CIU Kepha Moodle Accessibility''' 合规 ==		== '''CIU Kepha Moodle Accessibility''' 合规 ==


	本页面内容按照 '''WCAG 2.1 四大原则（POUR）''' 和 '''全部 Level A + AA 成功标准'''整理，适用于：		本页面内容按照 '''WCAG 2.1 四大原则（POUR）''' 和 '''全部 Level A + AA 成功标准'''整理，适用于：

2026年3月20日 (五) 16:37 Harrison.xing@ciu.edu

2026-03-20T16:37:33Z

←上一版本		2026年3月21日 (六) 00:37的版本
第734行：		第734行：

	□ JAWS		□ JAWS
	~~----~~

	~~= Moodle 推荐审核流程 =~~
	~~每学期：~~

	~~1. 平台自动扫描~~

	~~2. 手动审计~~

	~~3. 课程内容审计~~

	~~4. PDF 检查~~

	~~5. 视频字幕检查~~
	----		----

Accessibility - 版本历史

Harrison.xing@ciu.edu：​/* PowerPoint 幻灯片 */

Harrison.xing@ciu.edu：​/* PDF格式的优点和缺点 */

Harrison.xing@ciu.edu：​/* 1.4.3 对比度 (AA) */

Harrison.xing@ciu.edu：​/* Moodle LMS ADA / WCAG 2.1 AA 完整合规检查清单 */

Harrison.xing@ciu.edu：​/* 1.3 可适应性 Adaptable */

Harrison.xing@ciu.edu：​/* 1.2.5 音频描述 (AA) */

Harrison.xing@ciu.edu：​/* 1.2.4 实时字幕 (AA) */

Harrison.xing@ciu.edu：​/* 1.2.2 预录媒体字幕 */