Kepha百科 - 用户贡献 [zh]

学费付款说明书

2026-09-22T13:05:01Z

Harrison.xing@ciu.edu：/* 2026–2027 学年 */

== '''付款决策流程图''' ==
'''请查看付款决策流程图，根据需要选择合适的付款方式。'''[[File:Populi付款决策流程图V2 (1).png|center|thumb|722x722px|新付款决策图]]

== '''付款文件''' ==

==== '''[[如何查看学费账单？]]''' ====

==== '''[[如何查看在学证明？]]''' ====

<nowiki>--------------------------------</nowiki>
== '''Populi内置付款说明''' ==
使用'''国际信用卡/美元'''支付，详细请阅读以下说明：

* [[Populi内置付款操作指南]]

== '''飞汇FlyWire付款说明''' ==
注：此处付款需要您的'''CIU学号'''

=== '''付款链接''' ===
点击进入飞汇付款网址：https://ciulink.com/flywire

由于此处是外置付款链接，完成付款后，一般'''7个工作日'''内在账单上显示，请耐心等待。

=== '''付款方式''' ===
使用'''银联借记卡/银联信用卡-人民币'''付款，详细请阅读以下说明：
* [[飞汇付款操作指南|飞汇银联付款操作指南]]
使用'''微信-人民币'''付款，详细请阅读以下说明：

* [[飞汇微信付款操作指南]]

使用'''支付宝-人民币'''付款，详细请阅读以下说明：

* [[飞汇支付宝付款操作指南]]

== '''学费政策''' ==

# 从2024年春季开始，学生将自行'''在Populi上查看账单'''（如何查看账单请参考以上教程）。在最后一天免责退换课前调整选课，学生账户金额将会相应自动调整。'''学生确定选课数后即可付款'''。对账单有疑问的同学，可以电邮 KAT@ciu.edu。
# '''缴费截止日期：开学第一天。'''学生有责任在此之前缴清学费。此后补交学费，须支付'''30美元滞纳金'''。没有缴费的学生将'''无法进入课程'''，补交学费以后才会开通课程及以后的选课。
# '''最后一天免责退换课后，'''学生如果退课，将只能得到'''50%的退费'''。
# '''开学两周后'''，学生如果退课，'''将不再退费。'''
# 在开放新学期选课的同时，也开放申请新学期的'''助学金申请'''，并在'''下个学期开学前两周'''截止。

我们了解疫情之后全球经济情况欠佳。对于有经济困难的同学，学院通过助学金的方式尽可能提供帮助。如果您遇到力不能胜的突发情况（失业或重大疾病等），可以发邮件把相关材料发到 SFA@ciu.edu ，提出特别申请（financial appeal）。学校将根据实际情况决定提供何种支持。

== '''2026–2027 学年学年学生财务时间表''' ==

== 秋季学期 ==

{| class="wikitable"
! 日期
! 星期
! 事项
|-
| 6月8日
| 周一
| 秋季学期助学金申请开始
|-
| 7月1日
| 周三
| 秋季学期选课开始（账单发布）
|-
| 8月3日
| 周一
| 秋季学期助学金申请结束
|-
| 8月24日
| 周一
| '''秋季学期开始'''<br>缴费截止。此后缴费，需付30美金滞纳金
|-
| 8月31日
| 周一
| 最后一天免责退课换课
|-
| 9月8日
| 周二
| 退秋季学费50%最后一天
|-
| 9月25日
| 周五
| 春季助学金申请开始
|-
| 10月15日
| 周四
| 春季课程注册开始（账单发布）
|-
| 12月21日
| 周一
| 春季助学金申请结束
|}

== 春季学期 ==

{| class="wikitable"
! 日期
! 星期
! 事项
|-
| 1月11日
| 周一
| '''春季学期开始'''<br>缴费截止。此后缴费，需付30美金滞纳金
|-
| 1月19日
| 周二
| 最后一天免责退课换课
|-
| 1月26日
| 周二
| 退春季学费50%最后一天
|-
| 2月15日
| 周一
| 夏季学期助学金申请开始
|-
| 3月15日
| 周一
| 夏季课程注册开始（账单发布）
|-
| 4月12日
| 周一
| 夏季学期助学金申请结束
|}

== 夏季学期 ==

{| class="wikitable"
! 日期
! 星期
! 事项
|-
| 5月3日
| 周一
| '''夏季学期开始'''<br>缴费截止。此后缴费，需付30美金滞纳金
|-
| 5月10日
| 周一
| 最后一天免责退课换课
|-
| 5月17日
| 周一
| 退夏季学费50%最后一天
|}

学费付款说明书

2026-09-22T13:03:38Z

Harrison.xing@ciu.edu：/* 2526学年学生财务时间表 */

== '''付款决策流程图''' ==
'''请查看付款决策流程图，根据需要选择合适的付款方式。'''[[File:Populi付款决策流程图V2 (1).png|center|thumb|722x722px|新付款决策图]]

== '''付款文件''' ==

==== '''[[如何查看学费账单？]]''' ====

==== '''[[如何查看在学证明？]]''' ====

<nowiki>--------------------------------</nowiki>
== '''Populi内置付款说明''' ==
使用'''国际信用卡/美元'''支付，详细请阅读以下说明：

* [[Populi内置付款操作指南]]

== '''飞汇FlyWire付款说明''' ==
注：此处付款需要您的'''CIU学号'''

=== '''付款链接''' ===
点击进入飞汇付款网址：https://ciulink.com/flywire

由于此处是外置付款链接，完成付款后，一般'''7个工作日'''内在账单上显示，请耐心等待。

=== '''付款方式''' ===
使用'''银联借记卡/银联信用卡-人民币'''付款，详细请阅读以下说明：
* [[飞汇付款操作指南|飞汇银联付款操作指南]]
使用'''微信-人民币'''付款，详细请阅读以下说明：

* [[飞汇微信付款操作指南]]

使用'''支付宝-人民币'''付款，详细请阅读以下说明：

* [[飞汇支付宝付款操作指南]]

== '''学费政策''' ==

# 从2024年春季开始，学生将自行'''在Populi上查看账单'''（如何查看账单请参考以上教程）。在最后一天免责退换课前调整选课，学生账户金额将会相应自动调整。'''学生确定选课数后即可付款'''。对账单有疑问的同学，可以电邮 KAT@ciu.edu。
# '''缴费截止日期：开学第一天。'''学生有责任在此之前缴清学费。此后补交学费，须支付'''30美元滞纳金'''。没有缴费的学生将'''无法进入课程'''，补交学费以后才会开通课程及以后的选课。
# '''最后一天免责退换课后，'''学生如果退课，将只能得到'''50%的退费'''。
# '''开学两周后'''，学生如果退课，'''将不再退费。'''
# 在开放新学期选课的同时，也开放申请新学期的'''助学金申请'''，并在'''下个学期开学前两周'''截止。

我们了解疫情之后全球经济情况欠佳。对于有经济困难的同学，学院通过助学金的方式尽可能提供帮助。如果您遇到力不能胜的突发情况（失业或重大疾病等），可以发邮件把相关材料发到 SFA@ciu.edu ，提出特别申请（financial appeal）。学校将根据实际情况决定提供何种支持。

== '''2526学年学生财务时间表''' ==

= 2026–2027 学年 =

== 秋季学期 ==

{| class="wikitable"
! 日期
! 星期
! 事项
|-
| 6月8日
| 周一
| 秋季学期助学金申请开始
|-
| 7月1日
| 周三
| 秋季学期选课开始（账单发布）
|-
| 8月3日
| 周一
| 秋季学期助学金申请结束
|-
| 8月24日
| 周一
| '''秋季学期开始'''<br>缴费截止。此后缴费，需付30美金滞纳金
|-
| 8月31日
| 周一
| 最后一天免责退课换课
|-
| 9月8日
| 周二
| 退秋季学费50%最后一天
|-
| 9月25日
| 周五
| 春季助学金申请开始
|-
| 10月15日
| 周四
| 春季课程注册开始（账单发布）
|-
| 12月21日
| 周一
| 春季助学金申请结束
|}

== 春季学期 ==

{| class="wikitable"
! 日期
! 星期
! 事项
|-
| 1月11日
| 周一
| '''春季学期开始'''<br>缴费截止。此后缴费，需付30美金滞纳金
|-
| 1月19日
| 周二
| 最后一天免责退课换课
|-
| 1月26日
| 周二
| 退春季学费50%最后一天
|-
| 2月15日
| 周一
| 夏季学期助学金申请开始
|-
| 3月15日
| 周一
| 夏季课程注册开始（账单发布）
|-
| 4月12日
| 周一
| 夏季学期助学金申请结束
|}

== 夏季学期 ==

{| class="wikitable"
! 日期
! 星期
! 事项
|-
| 5月3日
| 周一
| '''夏季学期开始'''<br>缴费截止。此后缴费，需付30美金滞纳金
|-
| 5月10日
| 周一
| 最后一天免责退课换课
|-
| 5月17日
| 周一
| 退夏季学费50%最后一天
|}

MSForms

2026-08-26T17:43:55Z

Harrison.xing@ciu.edu：/* Microsoft Forms 基础操作教程 */

= Microsoft Forms 基础操作教程 =
适用于使用 Microsoft Forms 创建：

* 在线调查问卷
* 报名表
* 信息收集表
* 教师或学生反馈表
* 测验与考试
* 其他

----

== 一、登录 Microsoft Forms ==

# 打开 [[/forms.office.com/|Microsoft Forms]]。 http://forms.office.com/
# 单击 '''Sign in（登录）'''。
# 使用学校Microsoft 365 账户账户登录：

学校工作账户通常具有更完整的组织内身份验证、文件上传和协作功能。

Microsoft Forms 会自动保存编辑内容，不需要手动单击“保存”。参[[/support.microsoft.com/en-us/office/create-a-form-with-microsoft-forms-4ffb64cc-7d5d-402f-b82e-b1d49418fd9d|微软官方创建表单说明]]
----

== 二、创建新表单 ==
登录后，可以看到两个主要选项：
{| class="wikitable"
!选项
!用途
|-
|'''New Form（新建表单）'''
|调查、报名、申请、意见收集
|-
|'''New Quiz（新建测验）'''
|考试、测试、自动评分
|}
普通信息收集请选择：

'''New Form（新建表单）'''
----

== 三、填写标题和说明 ==
单击表单顶部的默认标题，输入：

在说明中输入：

还可以单击标题旁边的图片图标，添加学校 Logo 或横幅图片。

微软目前规定：

* 标题最多90个字符
* 说明最多1,000个字符

----

== 四、添加第一个问题 ==
单击：

'''Add new（添加新问题）'''

选择一种题型。

=== 常见题型 ===
{| class="wikitable"
!题型
!中文用途
!示例
|-
|'''Choice'''
|选择题
|您遇到哪类问题？
|-
|'''Text'''
|文本题
|姓名、邮箱、问题描述
|-
|'''Rating'''
|评分题
|请评价本次服务
|-
|'''Date'''
|日期题
|希望解决的日期
|-
|'''Ranking'''
|排序题
|对需求进行优先级排序
|-
|'''Likert'''
|李克特量表
|非常同意至非常不同意
|-
|'''File upload'''
|上传文件
|上传截图或附件
|-
|'''Net Promoter Score'''
|推荐度评分
|您有多大可能推荐？
|-
|'''Section'''
|分区
|将较长表单划分成不同部分
|}
----

== 五、创建示例表单 ==
下面创建一个基本的 IT 服务申请表。

=== 问题1：申请人姓名 ===

# 单击 '''Add new'''。
# 选择 '''Text'''。
# 输入：

# 打开右下角的 '''Required（必填）'''。

=== 问题2：电子邮箱 ===

# 单击 '''Add new'''。
# 选择 '''Text'''。
# 输入：

# 打开 '''Required'''。

如果表单设置为仅限组织内部人员填写，并且启用了姓名记录，系统通常可以自动记录填写者身份，这时不一定需要另外询问姓名和邮箱。

=== 问题3：问题类型 ===

# 单击 '''Add new'''。
# 选择 '''Choice'''。
# 输入问题：

# 添加选项：

# 打开 '''Required'''。

如果允许选择多个答案，启用：

'''Multiple answers（多个答案）'''

=== 问题4：问题说明 ===

# 添加 '''Text''' 题。
# 输入：

# 打开 '''Long answer（长答案）'''。
# 打开 '''Required'''。

=== 问题5：上传截图 ===

# 单击 '''Add new'''。
# 单击右侧的下拉箭头或 '''More question types'''。
# 选择 '''File upload'''。
# 输入：

# 设置允许的文件数量、大小和文件类型。

<blockquote>“文件上传”通常要求填写者使用组织内部的学校或工作账户登录，因此不适合完全公开、允许匿名填写的表单。</blockquote>

=== 问题6：紧急程度 ===

# 添加 '''Choice''' 题。
# 输入：

# 添加选项：

# 打开 '''Required'''。

----

== 六、移动、复制或删除问题 ==
选择一个问题后，可以使用问题卡片上的按钮：
{| class="wikitable"
!功能
!作用
|-
|上移或下移
|调整问题顺序
|-
|Copy question
|复制问题
|-
|Delete question
|删除问题
|-
|More settings
|添加副标题、限制或分支
|}
注意：如果表单已经收到回复，删除问题时，该问题对应的回复数据也可能永久删除。
----

== 七、添加分区 ==
如果表单内容较多，可以使用 '''Section（分区）'''。

例如：

操作方法：

# 单击 '''Add new'''。
# 选择 '''More question types'''。
# 选择 '''Section'''。
# 输入分区标题和说明。

分区可以让表单更清晰，也可以让每个部分显示为不同页面。
----

== 八、设置条件分支 ==
条件分支可以根据用户的答案显示不同问题。

例如：

* 用户选择“Moodle”，显示 Moodle 问题说明。
* 用户选择“Microsoft 365”，显示 Microsoft 365 问题说明。
* 用户选择“其他”，显示补充说明。

设置方法：

# 选择需要设置分支的问题。
# 单击右下角的 '''More settings for question（三个点）'''。
# 选择 '''Add branching（添加分支）'''。
# 为每一个答案选择下一步跳转到的问题。
# 完成后单击 '''Back（返回）'''。

分支只能跳到后面的问题或表单结尾，不能跳回前面的题目。微软官方分支逻辑说明
----

== 九、修改表单外观 ==
单击顶部的：

'''Style（样式）'''

可以修改：

* 背景颜色
* 主题图片
* 表单背景
* 自定义图片
* 表单整体视觉风格

正式的学校表单建议：

* 使用学校 Logo
* 采用学校品牌颜色
* 保持背景简洁
* 避免复杂、影响文字阅读的背景图片

----

== 十、预览和测试 ==
发布前必须测试表单。

# 单击顶部的 '''Preview（预览）'''。
# 分别检查：
#* Computer（电脑显示）
#* Mobile（手机显示）
# 完整填写一次。
# 单击 '''Submit（提交）'''。
# 返回编辑页面检查结果。

重点检查：

* 必填题是否正确
* 分支是否正确
* 文件上传是否正常
* 中文和英文是否清楚
* 手机显示是否正常

----

== 十一、设置谁可以填写 ==
单击顶部的：

'''Collect responses（收集回复）'''

然后选择填写范围。
{| class="wikitable"
!设置
!适用场景
|-
|'''Anyone can respond'''
|任何人都可以填写，可以匿名，不要求登录
|-
|'''Only people in my organization can respond'''
|仅限学校或公司内部人员
|-
|'''Specific people in my organization can respond'''
|仅指定的人员或群组
|}
对于学校内部表单，通常建议选择：

然后根据需要设置：

* '''Record name'''：记录填写者姓名
* '''One response per person'''：每人只能填写一次

如果是公开招生咨询或活动报名，可以选择：

公开链接可能被转发，因此不要通过公开表单收集密码、社会安全号码、银行信息或其他高度敏感资料。微软官方收集回复说明
----

== 十二、表单高级设置 ==
单击右上角的 '''…（More form settings）'''，选择：

'''Settings（设置）'''

常见设置包括：

=== Accept responses ===
控制表单是否继续接收回复。

关闭后，填写者将不能再提交。

=== Start date和End date ===
设置开放和截止时间。

例如：

=== Set time duration ===
限制测验或表单完成时间，主要用于考试。

=== Shuffle questions ===
随机排列问题。

不建议在使用分区或分支逻辑时随意启用。

=== Customize thank you message ===
自定义提交后的确认信息，例如：

=== Get email notification of each response ===
每次有人提交时，表单所有者收到邮件通知。

=== Allow receipt of responses after submission ===
允许填写者保存或打印自己的回复收据。实际可用性会受组织账户和管理员策略影响。
----

== 十三、分享表单 ==
在 '''Collect responses''' 页面，可以使用以下方式：

=== 复制链接 ===

# 选择链接图标。
# 根据需要勾选 '''Shorten URL'''。
# 单击 '''Copy link'''。
# 将链接发送到邮件、Teams、Moodle或网站。

=== Outlook或Teams邀请 ===
可以直接选择联系人、Teams群组或频道发送邀请。新版 Forms 也可能根据许可证提供 Copilot 邀请文字和智能提醒功能。

=== QR Code ===

# 选择二维码图标。
# 单击 '''Download'''。
# 将二维码添加到海报、PPT或宣传资料。

=== Embed嵌入代码 ===

# 选择 '''Embed''' 图标。
# 复制嵌入代码。
# 将代码加入网页或支持嵌入内容的平台。

----

== 十四、查看回复 ==
有人提交后，打开表单并单击：

'''View responses（查看回复）'''

系统会显示：

* 回复总数
* 平均完成时间
* 每个问题的统计结果
* 图表和百分比
* 每一位填写者的单独回复

单击：

'''Check individual results'''

可以逐条查看每个人的提交内容。
----

== 十五、导出到 Excel ==
在回复页面选择：

'''Open results in Excel'''

目前主要有以下方式：
{| class="wikitable"
!方式
!结果
|-
|'''Open results in Excel'''
|在 OneDrive 或 SharePoint 中建立带实时数据连接的工作簿
|-
|'''Open in Excel Desktop'''
|使用桌面版 Excel 打开连接的数据
|-
|'''Download a copy'''
|下载当前回复的离线副本，不会继续自动同步
|}
对于个人表单，连接的 Excel 文件通常保存在 OneDrive；对于群组表单，通常保存在相关 SharePoint 站点。微软官方结果与Excel说明
----

== 十六、协作编辑表单 ==
如果需要让同事共同维护表单：

# 打开表单。
# 单击右上角的 '''…'''。
# 选择 '''Collaborate or Duplicate（协作或复制）'''。
# 设置谁可以编辑。
# 复制协作链接并发送给同事。

注意区分：

* '''填写链接'''：让用户提交回复。
* '''协作链接'''：让同事修改表单并查看回复。

不要把协作链接误发给普通填写者。
----

== 十七、最重要的发布检查清单 ==
正式发布前请确认：

* 表单标题和说明正确
* 所有必要问题已经设置为必填
* 姓名记录和匿名设置符合要求
* 填写范围选择正确
* 分支逻辑经过测试
* 文件上传权限正常
* 开始和截止时间正确
* 提交后的确认信息正确
* 已在电脑、手机上测试
* 没有收集不必要的敏感信息
* 分享的是填写链接，而不是协作链接

MSForms

2026-08-26T17:42:56Z

Harrison.xing@ciu.edu：创建页面，内容为“= Microsoft Forms 基础操作教程 = 适用于使用 Microsoft Forms 创建： * 在线调查问卷 * 报名表 * 信息收集表 * 教师或学生反馈表 * 测验与考试 * IT 服务申请表 ---- == 一、登录 Microsoft Forms == # 打开 Microsoft Forms。 http://forms.office.com/ # 单击 '''Sign in（登录）'''。 # 使用学校Microsoft 365 账户账户登录：学校工作账户通常具有更完整的组织内身份…”

= Microsoft Forms 基础操作教程 =
适用于使用 Microsoft Forms 创建：

* 在线调查问卷
* 报名表
* 信息收集表
* 教师或学生反馈表
* 测验与考试
* IT 服务申请表

----

== 一、登录 Microsoft Forms ==

# 打开 [[/forms.office.com/|Microsoft Forms]]。 http://forms.office.com/
# 单击 '''Sign in（登录）'''。
# 使用学校Microsoft 365 账户账户登录：

学校工作账户通常具有更完整的组织内身份验证、文件上传和协作功能。

Microsoft Forms 会自动保存编辑内容，不需要手动单击“保存”。参[[/support.microsoft.com/en-us/office/create-a-form-with-microsoft-forms-4ffb64cc-7d5d-402f-b82e-b1d49418fd9d|微软官方创建表单说明]]
----

== 二、创建新表单 ==
登录后，可以看到两个主要选项：
{| class="wikitable"
!选项
!用途
|-
|'''New Form（新建表单）'''
|调查、报名、申请、意见收集
|-
|'''New Quiz（新建测验）'''
|考试、测试、自动评分
|}
普通信息收集请选择：

'''New Form（新建表单）'''
----

== 三、填写标题和说明 ==
单击表单顶部的默认标题，输入：

在说明中输入：

还可以单击标题旁边的图片图标，添加学校 Logo 或横幅图片。

微软目前规定：

* 标题最多90个字符
* 说明最多1,000个字符

----

== 四、添加第一个问题 ==
单击：

'''Add new（添加新问题）'''

选择一种题型。

=== 常见题型 ===
{| class="wikitable"
!题型
!中文用途
!示例
|-
|'''Choice'''
|选择题
|您遇到哪类问题？
|-
|'''Text'''
|文本题
|姓名、邮箱、问题描述
|-
|'''Rating'''
|评分题
|请评价本次服务
|-
|'''Date'''
|日期题
|希望解决的日期
|-
|'''Ranking'''
|排序题
|对需求进行优先级排序
|-
|'''Likert'''
|李克特量表
|非常同意至非常不同意
|-
|'''File upload'''
|上传文件
|上传截图或附件
|-
|'''Net Promoter Score'''
|推荐度评分
|您有多大可能推荐？
|-
|'''Section'''
|分区
|将较长表单划分成不同部分
|}
----

== 五、创建示例表单 ==
下面创建一个基本的 IT 服务申请表。

=== 问题1：申请人姓名 ===

# 单击 '''Add new'''。
# 选择 '''Text'''。
# 输入：

# 打开右下角的 '''Required（必填）'''。

=== 问题2：电子邮箱 ===

# 单击 '''Add new'''。
# 选择 '''Text'''。
# 输入：

# 打开 '''Required'''。

如果表单设置为仅限组织内部人员填写，并且启用了姓名记录，系统通常可以自动记录填写者身份，这时不一定需要另外询问姓名和邮箱。

=== 问题3：问题类型 ===

# 单击 '''Add new'''。
# 选择 '''Choice'''。
# 输入问题：

# 添加选项：

# 打开 '''Required'''。

如果允许选择多个答案，启用：

'''Multiple answers（多个答案）'''

=== 问题4：问题说明 ===

# 添加 '''Text''' 题。
# 输入：

# 打开 '''Long answer（长答案）'''。
# 打开 '''Required'''。

=== 问题5：上传截图 ===

# 单击 '''Add new'''。
# 单击右侧的下拉箭头或 '''More question types'''。
# 选择 '''File upload'''。
# 输入：

# 设置允许的文件数量、大小和文件类型。

<blockquote>“文件上传”通常要求填写者使用组织内部的学校或工作账户登录，因此不适合完全公开、允许匿名填写的表单。</blockquote>

=== 问题6：紧急程度 ===

# 添加 '''Choice''' 题。
# 输入：

# 添加选项：

# 打开 '''Required'''。

----

== 六、移动、复制或删除问题 ==
选择一个问题后，可以使用问题卡片上的按钮：
{| class="wikitable"
!功能
!作用
|-
|上移或下移
|调整问题顺序
|-
|Copy question
|复制问题
|-
|Delete question
|删除问题
|-
|More settings
|添加副标题、限制或分支
|}
注意：如果表单已经收到回复，删除问题时，该问题对应的回复数据也可能永久删除。
----

== 七、添加分区 ==
如果表单内容较多，可以使用 '''Section（分区）'''。

例如：

操作方法：

# 单击 '''Add new'''。
# 选择 '''More question types'''。
# 选择 '''Section'''。
# 输入分区标题和说明。

分区可以让表单更清晰，也可以让每个部分显示为不同页面。
----

== 八、设置条件分支 ==
条件分支可以根据用户的答案显示不同问题。

例如：

* 用户选择“Moodle”，显示 Moodle 问题说明。
* 用户选择“Microsoft 365”，显示 Microsoft 365 问题说明。
* 用户选择“其他”，显示补充说明。

设置方法：

# 选择需要设置分支的问题。
# 单击右下角的 '''More settings for question（三个点）'''。
# 选择 '''Add branching（添加分支）'''。
# 为每一个答案选择下一步跳转到的问题。
# 完成后单击 '''Back（返回）'''。

分支只能跳到后面的问题或表单结尾，不能跳回前面的题目。微软官方分支逻辑说明
----

== 九、修改表单外观 ==
单击顶部的：

'''Style（样式）'''

可以修改：

* 背景颜色
* 主题图片
* 表单背景
* 自定义图片
* 表单整体视觉风格

正式的学校表单建议：

* 使用学校 Logo
* 采用学校品牌颜色
* 保持背景简洁
* 避免复杂、影响文字阅读的背景图片

----

== 十、预览和测试 ==
发布前必须测试表单。

# 单击顶部的 '''Preview（预览）'''。
# 分别检查：
#* Computer（电脑显示）
#* Mobile（手机显示）
# 完整填写一次。
# 单击 '''Submit（提交）'''。
# 返回编辑页面检查结果。

重点检查：

* 必填题是否正确
* 分支是否正确
* 文件上传是否正常
* 中文和英文是否清楚
* 手机显示是否正常

----

== 十一、设置谁可以填写 ==
单击顶部的：

'''Collect responses（收集回复）'''

然后选择填写范围。
{| class="wikitable"
!设置
!适用场景
|-
|'''Anyone can respond'''
|任何人都可以填写，可以匿名，不要求登录
|-
|'''Only people in my organization can respond'''
|仅限学校或公司内部人员
|-
|'''Specific people in my organization can respond'''
|仅指定的人员或群组
|}
对于学校内部表单，通常建议选择：

然后根据需要设置：

* '''Record name'''：记录填写者姓名
* '''One response per person'''：每人只能填写一次

如果是公开招生咨询或活动报名，可以选择：

公开链接可能被转发，因此不要通过公开表单收集密码、社会安全号码、银行信息或其他高度敏感资料。微软官方收集回复说明
----

== 十二、表单高级设置 ==
单击右上角的 '''…（More form settings）'''，选择：

'''Settings（设置）'''

常见设置包括：

=== Accept responses ===
控制表单是否继续接收回复。

关闭后，填写者将不能再提交。

=== Start date和End date ===
设置开放和截止时间。

例如：

=== Set time duration ===
限制测验或表单完成时间，主要用于考试。

=== Shuffle questions ===
随机排列问题。

不建议在使用分区或分支逻辑时随意启用。

=== Customize thank you message ===
自定义提交后的确认信息，例如：

=== Get email notification of each response ===
每次有人提交时，表单所有者收到邮件通知。

=== Allow receipt of responses after submission ===
允许填写者保存或打印自己的回复收据。实际可用性会受组织账户和管理员策略影响。
----

== 十三、分享表单 ==
在 '''Collect responses''' 页面，可以使用以下方式：

=== 复制链接 ===

# 选择链接图标。
# 根据需要勾选 '''Shorten URL'''。
# 单击 '''Copy link'''。
# 将链接发送到邮件、Teams、Moodle或网站。

=== Outlook或Teams邀请 ===
可以直接选择联系人、Teams群组或频道发送邀请。新版 Forms 也可能根据许可证提供 Copilot 邀请文字和智能提醒功能。

=== QR Code ===

# 选择二维码图标。
# 单击 '''Download'''。
# 将二维码添加到海报、PPT或宣传资料。

=== Embed嵌入代码 ===

# 选择 '''Embed''' 图标。
# 复制嵌入代码。
# 将代码加入网页或支持嵌入内容的平台。

----

== 十四、查看回复 ==
有人提交后，打开表单并单击：

'''View responses（查看回复）'''

系统会显示：

* 回复总数
* 平均完成时间
* 每个问题的统计结果
* 图表和百分比
* 每一位填写者的单独回复

单击：

'''Check individual results'''

可以逐条查看每个人的提交内容。
----

== 十五、导出到 Excel ==
在回复页面选择：

'''Open results in Excel'''

目前主要有以下方式：
{| class="wikitable"
!方式
!结果
|-
|'''Open results in Excel'''
|在 OneDrive 或 SharePoint 中建立带实时数据连接的工作簿
|-
|'''Open in Excel Desktop'''
|使用桌面版 Excel 打开连接的数据
|-
|'''Download a copy'''
|下载当前回复的离线副本，不会继续自动同步
|}
对于个人表单，连接的 Excel 文件通常保存在 OneDrive；对于群组表单，通常保存在相关 SharePoint 站点。微软官方结果与Excel说明
----

== 十六、协作编辑表单 ==
如果需要让同事共同维护表单：

# 打开表单。
# 单击右上角的 '''…'''。
# 选择 '''Collaborate or Duplicate（协作或复制）'''。
# 设置谁可以编辑。
# 复制协作链接并发送给同事。

注意区分：

* '''填写链接'''：让用户提交回复。
* '''协作链接'''：让同事修改表单并查看回复。

不要把协作链接误发给普通填写者。
----

== 十七、最重要的发布检查清单 ==
正式发布前请确认：

* 表单标题和说明正确
* 所有必要问题已经设置为必填
* 姓名记录和匿名设置符合要求
* 填写范围选择正确
* 分支逻辑经过测试
* 文件上传权限正常
* 开始和截止时间正确
* 提交后的确认信息正确
* 已在电脑、手机上测试
* 没有收集不必要的敏感信息
* 分享的是填写链接，而不是协作链接

Moodle登录

2026-08-16T21:59:13Z

Harrison.xing@ciu.edu：

=== 简介： ===
学生用户的教务平台和学习平台分开运行。教务平台采用Populi，学习平台则为Moodle。
----'''注：为了保障首次登录Moodle顺利激活，请使用电脑进行以下操作。'''

=== 首次登录Moodle: ===
{| class="wikitable"
|+
!对于'''首次登录Moodle的学生'''，请'''务必'''按以下指导登录Moodle。
|-
|'''请注意：您有责任仔细阅读该内容和完成首次登陆操作。'''
|-
|步骤一：学生必须在Populi完成注课，注课成功后，课程显示在Populi“我的课程”③中。
|-
|步骤二：进入课程，点击左侧”课程”④ -> Moodle学习系统 -> 阅读后'''点击链接⑤'''
|-
|步骤三：浏览器自动跳转至Moodle系统，进入Moodle成功！
|}
[[File:GoToMoodleViaPopuli.png|alt=GoToMoodleViaPopuli|center|thumb|778x778px|GoToMoodleViaPopuli]]

=== 其他方式： ===
{| class="wikitable"
|+
!完成首次登录的学生，即可以用以上方式重新进入Moodle，也可以选择以下方式进入：
|-
|步骤一：输入Mo<nowiki/>odle学习平台网址
|-
|步骤二：选择语言
|-
|步骤三：点击"CIU MS 365"
|-
|步骤四：输入CIU邮箱账户和密码 -> 进入Moodle成功！
|}
[[File:Moodle其他登录.png|left|frame]]

Moodle登录

2026-08-16T21:58:15Z

Harrison.xing@ciu.edu：

=== 简介： ===
自2023-2024学年夏季学期开始，学生用户的教务平台和学习平台分开运行。教务平台采用Populi，学习平台则为Moodle。
----'''注：为了保障首次登录Moodle顺利激活，请使用电脑进行以下操作。'''

=== 首次登录Moodle: ===
{| class="wikitable"
|+
!对于'''首次登录Moodle的学生'''，请'''务必'''按以下指导登录Moodle。
|-
|'''请注意：您有责任仔细阅读该内容和完成首次登陆操作。'''
|-
|步骤一：学生必须在Populi完成注课，注课成功后，课程显示在“我的课程”③中。
|-
|步骤二：进入课程，点击左侧”课程”④ -> Moodle学习系统 -> 阅读后'''点击链接⑤'''
|-
|步骤三：浏览器自动跳转至Moodle系统，进入Moodle成功！
|}
[[File:GoToMoodleViaPopuli.png|alt=GoToMoodleViaPopuli|center|thumb|778x778px|GoToMoodleViaPopuli]]

=== 其他方式： ===
{| class="wikitable"
|+
!完成首次登录的学生，即可以用以上方式重新进入Moodle，也可以选择以下方式进入：
|-
|步骤一：输入Mo<nowiki/>odle学习平台网址
|-
|步骤二：选择语言
|-
|步骤三：点击"CIU MS 365"
|-
|步骤四：输入CIU邮箱账户和密码 -> 进入Moodle成功！
|}
[[File:Moodle其他登录.png|left|frame]]

Moodle登录

2026-08-16T21:57:47Z

Harrison.xing@ciu.edu：

=== 简介： ===
自2023-2024学年夏季学期开始，学生用户的教务平台和学习平台分开运行。教务平台采用Populi，学习平台则为Moodle。
----'''注：为了保障首次登录Moodle顺利激活，请使用电脑进行以下操作。'''

=== 首次登录Moodle: ===
{| class="wikitable"
|+
!对于'''首次登录Moodle的学生'''，请'''务必'''按以下指导登录Moodle。
|-
|'''请注意：您有责任仔细阅读该内容和完成首次登陆操作。'''
|-
|步骤一：学生必须在Populi完成注课，注课成功后，课程显示在“我的课程”③中。
|-
|步骤二：进入课程，点击左侧”课程”④ -> Moodle学习系统 -> 阅读后'''点击链接⑤'''
|-
|步骤三：浏览器自动带你跳转至Moodle系统，进入Moodle成功！
|}
[[File:GoToMoodleViaPopuli.png|alt=GoToMoodleViaPopuli|center|thumb|778x778px|GoToMoodleViaPopuli]]

=== 其他方式： ===
{| class="wikitable"
|+
!完成首次登录的学生，即可以用以上方式重新进入Moodle，也可以选择以下方式进入：
|-
|步骤一：输入Mo<nowiki/>odle学习平台网址
|-
|步骤二：选择语言
|-
|步骤三：点击"CIU MS 365"
|-
|步骤四：输入CIU邮箱账户和密码 -> 进入Moodle成功！
|}
[[File:Moodle其他登录.png|left|frame]]

File:GoToMoodleViaPopuli.png

2026-08-16T21:52:56Z

Harrison.xing@ciu.edu：

GoToMoodleViaPopuli

File:ImageGotoMoodleviaPopuli.png

2026-08-16T21:50:23Z

Harrison.xing@ciu.edu：

ImageGotoMoodleviaPopuli

File:ImageMyCourse.png

2026-08-16T21:28:31Z

Harrison.xing@ciu.edu：

ImageMyCourse

Populi 选课操作指南

2026-08-12T19:59:21Z

Harrison.xing@ciu.edu：

Populi 选课操作指南

2026-08-11T21:33:44Z

Harrison.xing@ciu.edu：

File:ChangeLanguage.png

2026-08-11T21:30:32Z

Harrison.xing@ciu.edu：

ChangeLanguage

File:Register class 4.png

2026-08-11T21:25:27Z

Harrison.xing@ciu.edu：

File:Registrar Class 3.png

2026-08-11T21:23:02Z

Harrison.xing@ciu.edu：

Registrar Class 3

File:Registrar class2.png

2026-08-11T21:16:56Z

Harrison.xing@ciu.edu：

registrar class2

File:Registerclassreversed.png

2026-08-11T21:10:32Z

Harrison.xing@ciu.edu：

registerclassreversed

StudentManuals

2026-06-11T13:58:12Z

Harrison.xing@ciu.edu：/* 学生手册汇总 */

== 学生手册汇总 ==

* 心理辅导：[[心理咨询硕士学生手册]]
* 工商管理：[[工商管理硕士学生手册]]
* 网络安全：[[网络安全项目学生手册]]

心理咨询硕士学生手册

2026-06-11T13:56:55Z

Harrison.xing@ciu.edu：创建页面，内容为“ ==一. 常用联络方式== 基于各方面因素综合考虑，我们只提供并且也只建议师生、学生间采用CIU邮箱与Microsoft Teams两种方式联络。为了避免不必要的麻烦与不可挽回的损失，请养成定期检查邮箱的习惯。如希望获取即时消息提醒，可下载Outlook与Teams的[https://www.microsoft.com/zh-cn/microsoft-teams/download-app 桌面端]（Teams 桌面端如果有多个版本选择，请务必下载…”

==一. 常用联络方式==
基于各方面因素综合考虑，我们只提供并且也只建议师生、学生间采用CIU邮箱与Microsoft Teams两种方式联络。为了避免不必要的麻烦与不可挽回的损失，请养成定期检查邮箱的习惯。如希望获取即时消息提醒，可下载Outlook与Teams的[https://www.microsoft.com/zh-cn/microsoft-teams/download-app 桌面端]（Teams 桌面端如果有多个版本选择，请务必下载“工作或学校版”）或[https://www.microsoft.com/zh-cn/microsoft-teams/download-app 移动端]。
*'''项目助理 (任何问题首先联系)：Laura，邮箱：laura.liu@ciu.edu'''
*'''专业服务平台：counseling.kepha@ciu.edu'''
*'''财务邮箱：SFA@ciu.edu（Ellen，关于奖助学金); KAT@ciu.edu（Acacia，关于专业课程缴费）'''
*'''IT：KIT@ciu.edu'''
*'''各课程任课教授信息请阅读相应的教学大纲'''
====1. 每学期选什么课程====
项目助理或 TA 助教会提前邮件通知或 Teams 通知学生提前选课，每个学期每门课开放人数有限额，为了避免满额无法选课，请在收到选课通知后尽快选课。
#哲学思辨课程，请电邮教务助理: admin@ciu-online.org
#心理咨询专业课程，请电邮项目助理：counseling.kepha@ciu.edu
===2. 学费相关问题===
如何使用 Populi、微信、支付宝、飞汇FlyWire 付款，请查看[[学费付款说明书]]

如果遇到问题，以下是各类问题的联系方式：
#哲学思辨课程缴费问题：admin@ciu-online.org
#各项目专业课缴费问题：KAT@ciu.edu
#助学金申请相关问题：SFA@ciu.edu
===3. 其他问题===
#学生邮箱账户问题，或选课退课无法自己操作：tina.liu@ciu.edu
#IT平台相关问题，包括Populi平台、哲学思辨课程相关技术平台、学生邮箱无法登录等，请电邮 KIT@ciu.edu
#转专业，添加第二专业：请先在Populi系统【主页】-【链接】处填写“研究生档案变更记录表”，如有问题，请电邮：tina.liu@ciu.edu
#退课申请（当系统不能操作退课时），毕业申请，非正式成绩单申请，重修申请：请先在Populi系统【主页】-【链接】处填写对应的申请表，如有问题，请电邮：tina.liu@ciu.edu
<nowiki>*</nowiki>邮件咨询时请注意：请写明你的姓名、CIU邮箱和学号，如IT故障请附带遇到问题的屏幕截图/照片等辅助说明，以便尽快解决您遇到的问题。
===4. 任课教授与项目主任邮箱===
#各课教授联系方式请查看各门课程的大纲
#心理咨询项目主任：Dr. Amos Lian（amos.lian@ciu.edu）
==二. 学前准备/IT指南==
===1. 学习设备===
#台式电脑/笔记本电脑/平板电脑
#稳定的有线/无线网络
===2. 学习账号===
学习账户在注册时会下发给各位，请使用注册部提供的邮箱账号登录相应学习平台。
#邮箱登陆网站：[https://outlook.office.com/ https://outlook.office.com]
#输入个人邮箱地址:____@ciu.edu.
#输入密码（初始密码为: CIU-xxxxxx, “x”是学号）.
#如忘记密码，请点击登录页面中的“忘记密码”，依照提示进行密码重置。
===3. 学习软件===
#浏览器（推荐使用 Google Chrome）
#微软软件: Word, Excel, PowerPoint 等（可通过学生账户进入 [https://www.office.com/ https://www.office.com] 下载安装）
#Outlook 邮箱: 请查看[[CIU邮箱的登录与使用]]
#Teams软件：用于和教授同学沟通，每门课会有Teams学生群，请查看[[Microsoft Teams|Teams使用指南]]
#Zoom软件：用于视频会议，请查看[[Zoom视频会议的安装与使用]]
===4.常用网址===
#CIU邮箱网址（Outlook）及学生软件：[https://www.office.com/ https://www.oﬃce.com]（账号与初始密码详见录取通知）
#Teams网址：https://teams.microsoft.com/
#CIU校本部网站：[https://www.ciu.edu/ https://www.ciu.edu]
#教务系统： [https://CIU.populiweb.com/ kepha.populiweb.com] （请查看 [[Populi 平台使用教程]]；[[Populi 选课操作指南|Populi选课指南]]）
#哲学思辨课程网站：[https://cmdp.my-eclassroom.com/ 链接] （请查看 [[哲思课程平台使用教程]]）
#CIU系统：[https://my.ciu.edu/ https://www.ciu.edu/]
#2024年夏季开始，专业课程的线上教室已经搬到Moodle系统。学生可以在平台入门以及 CIU Wiki百科中了解Moodle的使用方法。
#Moodle（专业课）使用指南-学生：
https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwiki.ciu-online.org%2FMoodle%25E4%25BD%25BF%25E7%2594%25A8%25E6%258C%2587%25E5%258D%2597-%25E5%25AD%25A6%25E7%2594%259F&data=05%7C02%7CLaura.Liu%40ciu.edu%7Ce344efba6df04c32feaf08dca5e23a4d%7C34de8eac82df4739bd15e8348fa27c36%7C0%7C0%7C638567638272644036%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C0%7C%7C%7C&sdata=1N1sJbGWUYraEcOVo5wqK586HI3lxUVNeNs2wN8AgIw%3D&reserved=0
==='''5. IT常见问题——安全'''===
'''5.1 邮箱的使用：'''

请务必只用学生邮箱（@ciu.edu）跟学校联络。不要使用国内邮箱，如163、QQ。CIU邮箱无法登录时，需要紧急联系，请使用Gmail、Outlook等非国内邮箱联系IT解决登录问题。

'''不要点击CIU邮箱里的未知邮件的任何链接！！！'''

'''不准使用微信谈论任何教学和教务问题，更不准截图在微信，无论是群聊还是私聊都不准。'''

'''不准用微信透露自己或同学的任何个人信息，包括不限于：'''

'''你们的中文名，你们的邮箱，你们的密码，你们的邮件截图，课程网页和教务网页的截图。'''

'''学习群只能在Teams，不准自己建立微信学习群。'''

'''微信能不用就不用。但微信可以提醒对方去看邮件或者Teams信息。'''

[[Microsoft Teams#避免邮箱被Teams消息轰炸的设置方法]]

'''重要提醒：'''由于近期发现有些学生关闭学校系统邮件而导致无法收到教授，老师，助理/经理，系统的重要通知，影响学生及时有效的接收通知/信息来完成学习，在此提醒同学们： [[不要随意点击“不要邮件”（“No Mailings”）功能！]]

'''5.2''' 手机丢失后的应对措施

请务必保管好自己的手机，最好不要丢失。如果确实丢失了，请参考以下补救措施：

'''I．在手机丢失前的重要事项：'''

'''这些步骤非常重要，直接关系到你的手机丢失后是否能够找回。即使无法找回手机，也能够保护隐私不被泄露。'''

1. '''记住你的手机账号和密码，以及云空间的网址。'''比如荣耀手机有“荣耀账号”，华为手机有“华为账号”，其他品牌也有自己账号。当你购买了一台新手机，开机后，系统会要求你注册登录。把手机账号和密码记在一个纸质笔记本上面，或者其他安全的地方。千万不要记在手机自带的备忘录里。荣耀手机的云空间网址是：[[/cloud.honor.com/|https://cloud.honor.com]]，其他品牌手机的云空间网址，一定要查询清楚，并且收藏好。

2. '''打开手机的“查找设备功能”（以荣耀手机为例）。'''方法：打开手机的'''“设置”'''，点击'''“安全”'''选项：

点击'''“查找设备”：'''

'''打开“查找我的手机”开关（这个最重要！如果在手机丢失前没有打开，后续的操作也无法进行）'''，其他开关也可打开（如“发送最后位置”，“远程连接网络”和“关机验证密码”）

点击页面下方'''“设备丢了怎么办”'''，提前学习手机丢失后的应对措施。

3. '''尽量不要使用手机版邮箱Outlook和Teams，更不要下载Teams的快捷登录方式在页面。即使需要使用，确保每次使用完毕后，退出登录。'''

4. '''定期将手机中的数据和资料，在云空间中备份，或者在其他存储设备中备份。'''即使手机丢失后，也可以找回。

'''II．当发现手机丢失后，应当采取的措施是：'''

1. '''告诉丢失地点附近的相关工作人员，如店员、餐厅服务员、银行职员、地铁工作人员等，请他们帮助寻找。'''他们的帮助会极大地提高找回手机的概率。即使当时没有找到，也要留下可以联系到你的其他电话号码，以便他们找到手机后，与你联系。

2. '''使用其他电话，打自己的手机电话，看它是否在附近响铃。'''（在手机丢失之前，我刚好把手机关了静音。所以，此步骤无效）如果手机一直在忙音，或者关机了，很有可能被盗。

3. '''立即找到一台可以上网的电脑或手机，打开云空间的网站。'''比如荣耀手机的云空间网址是：[[/cloud.honor.com/|https://cloud.honor.com]]

'''5. 登录账号，输入密码（见“在手机丢失前的重要事项”的第一步）'''

'''6. 进入账号后，点击“查找设备”：'''

7. '''点击进入后，将看到你的手机在地图上的具体位置。'''在旁边的白框中，会显示你的手机是否在线，具体地址，手机号码，'''以及四个重要选择“定位设备”，“播放铃声”，“丢失模式”，以及“擦除数据”'''。你可以依次选择四个选项。

'''如果点击“定位设备”后，看到手机处于移动状态，那说明有人拿着手机在走动，此时可以立即报警，并保持追踪手机移动的位置。等警察到来后，可以根据手机位置，找到拿手机的人。'''

'''如果前三个功能都无法找到手机，可以选择最后一个选项“擦除数据”，这样手机会擦除所有个人数据，恢复到出厂新机设置状态。'''（因云空间的地图页面涉及个人隐私，所以使用手机页面中的'''“设备丢了怎么办”'''功能介绍代替）

'''8. 打电话给电话营运商，挂失电话卡。'''（'''这一步非常重要！因为如果有人拿到手机，可以通过电话短信发送验证码，用来刷卡消费）'''

'''9. 打电话给移动支付绑定的银行，挂失银行卡。'''最好只绑定一张银行卡用于移动支付，否则要逐一打电话给所有绑定移动支付的银行，挂失银行卡。

'''10. 打电话给各个电商支付平台（微信、支付宝、京东、淘宝、抖音、小红书等），冻结支付功能。'''

'''<big>6、Populi网页的申请表：</big>'''

Populi 中有许多申请表，请学生依据不同的情况来填写。

'''毕业申请表'''：指导教授确认毕业生名单，各项目同工电邮名单中学生，请学生填写毕业申请表。

'''重修申请表'''：学生之前修课成绩在C- 以下，需填写重修申请表重修。

'''退课申请表'''：学生在免责退课之后要退课，需填写退课申请表。在免责退课期间，可以自行退课。

'''非正式成绩单申请表'''：学生要申请非正式成绩单，请填写此表。

'''信息更新申请表'''：学生要更改地址，电话，个人电邮，请填写此表。

'''更改姓名申请表'''：学生要更改姓名，请填写此表并附上法定更改文件。

'''研究生档案变更记录表'''：学生要转专业、加专业、退专业，请填写此表。
==三. 课程设置==
===3.1 课程规划===
'''心理咨询专业分为 4 门哲学思辩课程、20门专业课程。其中专业课程包含8门理论基础课程，7门临床技能课程，3门选修课程和2门实习课程。哲思课程和专业课程都是在 [https://cmdp.my-eclassroom.com/login/index.php Moodle] 系统平台上学习。'''
{| class="wikitable"
|+
|-
!咨询师理论基础及个人发展课程（共24学分）
|
|-
|CNS 5306 临床心理健康和咨询基础
|3
|-
|CNS 5313 咨询师自我成长与关怀
|3
|-
|CNS 5345 婚姻家庭理论和咨询基础
|3
|-
|CNS 5310 心理咨询理论
|3
|-
|CNS 6310 全人类发展心理学
|3
|-
|CNS 5075 跨文化咨询
|3
|-
|CNS 5410 研究、统计及评估
|3
|-
|CNS 5600 成瘾理论及评估
|3
|-
|'''临床技能课程''' '''（共21学分）'''
|
|-
|CNS 6410 心理咨询技能及技巧
|3
|-
|CNS 5422 心理咨询病理及药理
|3
|-
|CNS 5330 专业导向及伦理
|3
|-
|CNS 6810 职场发展
|3
|-
|CNS 6440 团体辅导
|3
|-
|CNS 6433 短期心理咨询、评估及高级技能
|3
|-
|CNS 6620 急性压力、悲伤及创伤治疗
|3
|-
|'''选修课程（共9分）'''
|3
|-
|CNS 选修一
|3
|-
|CNS 选修二
|3
|-
|CNS 选修三
|3
|-
|'''临床毕业实践课程（共6分）'''
|
|-
|CNS 6931 专业实习一
|3
|-
|CNS 6932 专业实习二
|3
|-
|'''结业综合测试'''
|
|}
====认证资格====
学员录取后，可使⽤中⽂完成所有学业。达到所有课程要求，完成学业后，毕业⽣将获得哥伦⽐亚国际⼤学（CIU）颁发的硕⼠学位证书（Master of Arts in Counseling）。

本项目课程尽量与”中国心理学会临床与咨询专业人员培训及从业资格“相互对接，但并无直接隶属或合作关系，学员如果想要获得相关从业资格，则需要自己参加资格考试、申报从业资格，本项目将提供考试培训机会。
====学习时长====
根据学校要求，所有课程最长可在7年内完成（从专业课开始起算）；如超过7年需提出申请，由院长审批；

连续休学1~2学期，可自动复课；

连续休学3学期及以上，需要联系招生办公室，补充相关手续后，才可以复课。
===3.2 课程进度===
2021 年秋季、2022 年春季、2022 年夏季学生, 按照调整之前的课程安排，需完成5门哲学思辨课：哲学思辨课程和心理咨询专业基础课程可以同时进行。

2022年秋季及以后的学生，按照调整之后的课程安排，需完成4门哲学思辨课：与前三届学生不同，2022年秋季及以后的学生只有在完成并通过4门哲学思辨课之后（成绩77分以上），才能开始专业课程的学习。
===3.3 学期设置 Academic Terms===
每学年有三个学期，每学期四个月：春季 (1月至4月)、夏季 (5月至8月)、秋季 (8月至12月)。每门专业课程有三个学分，需在⼀个学期内修完。课业不合格者必须重修，重修需缴纳同等学费。
===3.4 重要日期 Important Dates===
开学前⼀周：课程在⽹站上开放

开学第⼀周：熟悉课程与师⽣

开学第⼀周：免责申请调/退课程（此时退课不产生学费）

开学第⼀个⽉：带责申请调/退课程（按退课时间，扣部分学费，具体信息见第11页校历）

开学第四个⽉：学期课程结束
===3.5 学费安排 Tuition Fee===
心理咨询专业的学生享受发展中国家特价学费待遇，费用仅为校本部其它学院平均学费的1/3左右；

哲学思辨课程200美元/门（非学分课程不设助学金）

2023年受通货膨胀等因素影响，专业课学费将略有上浮，具体为：630美金/门；此外还有28美金/学期Populi系统使用费。

注：学费为目前状态下的估算，校方有权因行政或不可抗因素而变更学费价格，具体学费以当期注册时为准。
===3.6 校历安排===
校历安排可能有所变化，请以[https://catalog.ciu.edu/content.php?catoid=6&navoid=258#spring-2023 该链接]更新的消息为准，恕不另行通知。中文教务在此列出与上课、交费退费、毕业相关的日期，供大家查阅。

'''2026 春季學期'''
{| class="wikitable"
|1月5日周一
|春季课程对学生可见
|-
|1月12日周一
|春季学期开始
缴费截止，此后缴费，须付 30 美元滞纳金
|-
|1月20日周二
|最后一天免责退课、换课；
最后一天申请春季毕业；此后再申请，需要交延误费
|-
|1月28日周三
|最后一天退课并且退学费 50%
|-
|3月6日周五
|最后一天退课而且不退学费；
最后一天申请春季毕业
|-
|3月15日周日
|夏季学期选课开始
|-
|5月1日周五
|春季学期结束
|-
|5月2日周六
|春季毕业典礼
|}'''2026 夏季學期'''
{| class="wikitable"
|4月27日周一
|夏季课程内容对学生可见
|-
|5月4日周一
|夏季学期开始
缴费截止。此后缴费，须付 30 美元滞纳金
|-
|5月11日周一
|最后一天免责退课、换课；
最后一天申请夏季毕业；此后再申请，需要交延误费
|-
|5月18日周一
|退夏季学费 50% 最后一天
|-
|6月8日周一
|秋季学期助学金申请开始
|-
|6月26日周五
|夏季申请退课最后一天
|-
|7月1日周三
|秋季学期选课开始
|-
|8月3日周一
|秋季学期助学金申请结束
|-
|8月21日周五
|夏季学期结束
夏季毕业（无典礼）
|}'''2026年秋季'''
{| class="wikitable"
|8月17日周一
|秋季课程内容对学生可见
|-
|8月24日周一
|秋学期开始
缴费截止，此后缴费，需付30美元滞纳金
|-
|8月31日周一
|最后一天免责退课、换课
最后一天申请秋季毕业；此后再申请，需要交延误费
|-
|9月8日周二
|退秋季学费50%最后一天
|-
|9月25日周一
|春季学期助学金申请开始
|-
|10月15日周四
|春季注册开始
|-
|10月16日周五
|秋季课程退课申请最后一天
秋季毕业申请最后一天
|-
|12月11日周五
|秋季学期结束
|-
|12月12日周六
|秋季毕业典礼
|-
|12月21日周一
|春季学期助学金申请结束
|}'''2027年春季（更新中）'''
{| class="wikitable"
|1月11日周一
|春季学期开始
缴费截止，此后缴费，须付 30 美元滞纳金
|-
|1月19日周二
|最后一天免责退课换课
|-
|1月26日周二
|退春学期学费50%最后一天
|-
|2月15日周一
|夏学期助学金申请开始
|-
|3月15日周一
|夏季课程注册开始，账单发布
|-
|4月12日周一
|夏学期助学金申请结束
|-
|
|
|-
|
|
|-
|
|
|}'''2027年夏季（更新中）'''
{| class="wikitable"
|5月3日周一
|夏季学期开始
缴费截止。此后缴费，需付30美金滞纳金
|-
|5月10日周一
|最后一天免责退课换课
|-
|5月17日周一
|退夏学期学费50%最后一天
|-
|
|
|-
|
|
|-
|
|
|-
|
|
|-
|
|
|-
|
|
|}
#從 2024 年春季開始，學生將自行在 Populi 上查看帳單，並通過飛匯等方式付款。在最後一天免責退換課前調整選課，學生帳戶金額將會相應自動調整。學生確定選課數後即可付款。
#繳費截止日期為'''開學第一天'''。學生有責任在此之前繳清學費。此後補交學費，須支付 30 美元滯納金。沒有繳費的學生將無法進入課程，補交學費以後才會開通課程及以後的選課。
#最後一天免責退換課後，學生如果退課，將只能得到 50%的退費。
#開學兩周後，學生如果退課，將不再退費。免責退課截止日期前可自行在Populi上退課，帶責退課期間退課需填寫並提交退課申請表並支付一定比例的學費，截止日期後無法退課。
#在開放下個學期選課的同時，也開放申請下個學期的助學金申請，並在下個學期開學前兩周截止；但财务部可能会根据实际情况做出相应的调整。具体请以财务部发出的邮件通知为准。
#連續 3 學期未選課將自動轉為休學狀態，學習帳號將被鎖定。若想要複課，須電郵項目助理。
===3.7 专业课转学政策===
最多可允许 12 个学分从另一所认可的学校转移到“咨询核心”课程中来（60 学分）。

'''以下课程不接受学分转移：'''

CNS 5306 - 临床心理健康咨询基础

CNS 5313 - 咨询师自我成长与关怀

CNS 6912 - 高级咨询技术和实习

CNS 6931 - 实习 1

CNS 6932 - 实习 2

转学分必须得到学生顾问和项目主任的批准。请向项目经理提交申请。
===3.8 The Licensing Information 执照方面的信息===
心理咨询中文项目不提供执照，但课程应该满足在美国大部分州获得执照所具备的要求。

想在美国申请执照的学生需要额外附加的学术条件、实习经历以及被监督问责的要求，所以请权衡是否有申请的必要。

大部分州要求：至少要有一个执照考试；所有的州都要求：毕业后至少要有两年被监督的实习经历才能获得执照。

在美国，要获得被监督的临床实习机会，第一步，必须先拿到工作许可证或者绿卡。

每个州都有他们自己的要求。目前南卡的要求可以查询网页：<nowiki>https://llr.sc.gov/cou/</nowiki>.

目前在南卡，持执照的专业咨询师申请费用是170美元。

有全国认证咨询师背书的国家咨询师资格考试费用是375美元。(<nowiki>https://www.nbcc.org/certification/ncc</nowiki>).
==四. 修读指南==
===4.1 课前预备 ===
学员被录取后，会在注册报名时填写的邮箱中收到欢迎信。欢迎信中包含学员在读期间必需的学号、学⽣邮箱地址、及登陆指南。

为了确保您可以有效地参与和完成学业，请在参与线上学习期间提前规划好学习时间（建议每门课每周预留10个⼩时的学习时间），并确保个⼈电脑和网络服务正常。
===4.2 学习账户 ===
1) 邮箱登陆⽹站Login Website： <nowiki>https://outlook.oﬃce.com</nowiki>.

2) 输⼊个⼈邮箱地址 Enter email address:____@ciu.edu.

3) 输⼊密码 Enter password (初始密码为: CIU-xxxxxx, “xxxxxx” 是学号)。
===4.3 学习材料 ===
#课程⼤纲：从课程第⼀周板块下载
#课程材料：在⽹站内各门课的模块中查阅⽹页⽂本、视频、电⼦书及其他内容
===4.4 学习规划===
#检查课程⽹站
#查看课程：每学期课程在开学前⼀周开放，且可在开学⼀周内进⾏免责调整（开学一周内退课，不产生学费）
#跟踪学习进度和课业进度，建议将这两份表打印出来以便定期跟进。
#按时完成课程和作业 (见课程⼤纲)，建议每门课每周预留10个⼩时的学习时间。
#根据CIU校方定下的学术纪律，所有CIU学生的作业必须按时完成并上交。职业环境的及时性也要求学生按时提交作业。任何迟交的作业，除非有医生的书面证明，或者学生得到了书面准许的额外时间，否则每迟交1天，将减少成绩的10%。超过10天(不包括周日)的作业成绩是0分。课程结束后，不接受任何作业。居住在敏感地区的学生，因遭遇逼迫或其他不可抗因素，也可以作为申请延期的理由。其他可减轻处罚的情况，由任课教师视具体情形而定。
#至少每周查看邮箱：教授和校办公室将透过电邮联络学员，未及时回复，导致的后果需⾃⾏承担。为了每位同学的安全，请务必用ciu.edu邮箱与学校联络。
#时差：由于CIU本地时间和国内有12-13小时的时差，⼤家发布信息和邮件后，需要等候。我们2个工作日内予以答复。
===4.5 迟交作业，延期，和退课 ===
三种不能按时完成课业的处理：迟交（Late Assignment），延期（Incomplete），和退课（Withdraw）。根据 CIU Policies 和 CIU Adjunct Handbook 的规定，结合 CIU 学生的情况，三种情况的处理请参照以下规则。
====4.5.1 Late Assignment 迟交 ====
对于没有申请延期（Incomplete）的学生，超过规定期限提交的作业，老师可以根据情况选择减分或拒收。迟交的作业不得影响本科目提交成绩的最晚时间，即该学期结束的第七天。
====4.5.2 Incomplete 延期 ====
对于那些申请延期（Incomplete）的学生，他们按规定可以延后一个月提交作业。学校对 Incomplete 申请的提出，有着较为严格的规定，基本规则为：
#学生已经完成至少一半的作业
#学生生活中发生了重大的不可抗力事件致使其不能完成作业，如：
##1）亲人离世，悲痛难耐；
##2）有医疗证明佐证的本人或至亲的严重病情；
##3）海外兵役（暂时不适用本项目学生）；
##4）宗教逼迫（仅限中国学生）。
##3. 程序：延期（Incomplete) 由任课老师评估并填写申请，特殊案例与项目主任商议，必要时知会院长。
====4.5.3 Withdraw 退课 ====
学生由于重大的不可抗力事件不能完成作业，如亲人离世，有医疗证明佐证的本人或至亲的严重病情，海外兵役，宗教逼迫（仅限中国学生），但又不符合申请延期（Incomplete），可以申请退课，获批准后，学籍记录为 W，而不是 WF，所以不会有F在成绩单上。[[File:退课申请表.png|thumb|281x281像素|退课申请表|left]]1. 可以在学期的任何时候申请。

2. 需要医疗诊断书等佐证。

3. 程序：
*学生向任课老师说明情况，填写退课申请表（Course Withdrawal Request），同时需要提供的信息有：生病（或其他极端情势）的时间，接受护理的时间，病情说明，医生诊断书，预计的重返课堂的时间，和最后一次上课的日期。
*学生在填写退课申请表的同时通知项目经理和学籍处（目前为 Tina）备案，并提供支持证据。
*学期结束时，学生需要自己负责确认成绩单显示为 W 而非 WF，如有异常项目经理可以协助联系学籍处以跟进。
注意：是否选择延期（Incomplete）还是退课（Withdrawal)的重要考量是：是否已经完成作业的至少一半；剩余的作业是否能在学期结束后一个月内完成。

另外，“重修” 概念： CIU 规定只有成绩为D或D以下才可以重修。最后一次修该门课程的成绩算作该门课的最后成绩。当然，符合条件的 Withdrawal 意味着没有上这门课，在方便的时间重新选课即可，不属于重修的范畴。
===4.6 剽窃PLAGIARISM ===
CIU期望你在学习中保持荣誉感，并对自己的学业负责。在作业、考试、书面论文或其他作业中的不诚实，是违反基督徒生活之圣经原则的，也是对同学和导师的不尊重。当你将他人的想法或词句作为自己的东西呈现，或有意无意地不承认或引用自己所采用的思想之来源时，都属于剽窃。

承认和引用来源，包括在从书籍、文章、互联网网站、其他学生的论文，或者其他不是你亲自创作的作品中，直接获取（或转述）的所有材料前面需要加上引号；也包括在脚注或括号中列出有关该来源的完整信息。

关于如何正确引用来源的示例，请参阅剽窃的具体例子，'''包括但不限于以下所列的情况：'''
#在作业中借用某个来源（例如，一本书、一篇文章、另外一个学生的论文、磁带/录像、互联网网站）当中的词语、句子、想法、结论、示例以及/或者编排结构，而不承认（标明）其来源。
#提交由其他学生所完成的作业--部分的或全部的--来代替自己原创的作业。
#提交从互联网、商业公司或任何其他个人或团体所收到的作业。
#故意帮助另一名学生按照上述所定义的方法从事作业之剽窃。你不得提交属于某个小组共同协商成果之一部分的作业，除非教学大纲中明确要求该作业是要以小组为单位完成的。如果在预备考试时你参加了一个复习小组，您不得复制其他人所书写的任何答案，并将其作为自己的成果来提交。您不得与其他人分享自己预先撰写的考试题的答案。
任何上述的行为都被视为剽窃。剽窃将导致学术方面的处罚，并可能导致该作业不获通过、课程挂科，以及更进一步的纪律处分。在适当的时候，将会告知您的学生属灵生命院牧。

'''<big>4.7 CIU Kepha学院人工智能（AI）工具使用指导原则</big>'''

Kepha 学院采用与CIU校本部相同的学术规则，学校新近确立了人工智能（AI）工具使用规则，现公布如下：

人工智能/AI（Artificial Intelligence）写作辅助工具可以帮助学生在提交作业前发现语法和拼写错误。其功能与Grammarly、QuillBot、ChatGPT、Co-Pilot和Gemini等工具类似。本院允许学生使用这些工具进行拼写和语法修改。然而，学生不得将任何生成式AI (Generative AI) 平台生成的内容作为原创作品提交。

CIU高度重视学术诚信和原创性，并针对AI在课程作业中的使用制定了相关政策：

“'''学生有责任学习并遵守准确和诚实写作的规则；无知不能作为借口。在未经指导老师允许并明确说明的情况下，使用人工智能工具（如ChatGPT等）是被禁止的。”（政策123 002''' ''Policy 123 002'''''）'''

教师将使用COPYLEEKS 等工具来检测AI的使用状况，一旦检测出不当使用人工智能的现象，老师会与学生联系，进一步了解情况，并在征询学院相关负责人的建议后做出相应惩戒。具体惩戒措施参见 “关于剽窃的相关规定与惩戒”（附件）

为此，本院建议学生关闭生成式AI功能，避免其对拼写和语法修改之外的内容进行调整。这样有助于学生保持自己独特的写作风格，同时检查可能的错误。例如，在Grammarly中关闭生成式AI功能，可以登录账户，在“账户设置”中选择“功能自定义”，然后取消选择生成式AI选项。

学校相关部门制作了一系列简短的视频，帮助学生学习如何负责任地使用AI（内容参看“常见问题解答以及三个视频的概要”）。

同学们如需了解关于具体作业中AI使用的相关规定，欢迎随时向指导老师咨询。

'''以下是常见问题解答以及三个视频的概要：'''

'''4.7.1'''.'''问：作为学生，在使用人工智能工具方面，有哪些指导原则？'''

答：指导原则和一贯的学术诚信原则一致：第一，你是这项作业的完成者；第二，你在使用允许范围内的资料时给予了明确的引用和说明；第三，你没有使用未被允许的资源。

'''4.7.2. 问：在什么样的情况下，我的作业会被视为非原创，即违反了学术诚信指导原则？'''

答：当你没有注明所使用资料的来源或使用方式，或者你在没有获得许可的情况下使用了这些资源，你的作业将被判定为不再是你自己的创作。

'''4.7.3.''' '''问：有没有更具体的建议，避免违规使用人工智能工具？在哪些方面可以恰当使用人工智能工具？'''

答：可'''以负责任地使用AI工具的方面'''
#'''将AI作为辅助工具'''：使用Grammarly、ChatGPT等AI工具检查语法、拼写和基本句子结构。AI可以帮助激发灵感或提供改进建议，但核心内容必须是你自己的创作。

#'''引用来源'''：如果使用AI生成部分内容或想法，必须对工具给予适当的引用。透明性是维护学术诚信的关键。

#'''保持你的写作风格'''：确保作业反映你的独特写作风格和表达方式。

#'''遵守学校规定'''：遵循学校对AI使用的具体规则。如有疑问，请向老师寻求澄清。

#'''批判性评估AI建议'''：将AI输出视为建议，而非最终答案。根据自己的知识分析并决定是否采纳这些建议。
'''4.7.4 被禁止的滥用AI工具的方面'''
#'''不要让AI代替你完成作业：'''避免直接让AI生成完整的作业答案。

#'''不要直接复制粘贴：''' 不要将AI生成的内容直接复制粘贴到你的作品中，而不做修改或批判性评估。

#'''不要将AI生成的内容作为原创提交：'''将AI生成的内容作为自己的作品提交违反了学术诚信政策。

#'''不要使用被禁止的功能：'''避免使用学校限制的AI高级功能，例如生成完整论文或复杂问题解答。

#'''不要忽略标注：'''未注明AI在你的作品中的作用可能被视为剽窃或学术不诚实。
'''''4.7.5.1. CIU人工智能(AI) 工具使用简介'''''

本视频概述了CIU学生如何在学术和日常生活中负责任地使用人工智能（AI）。视频强调了AI工具（如Grammarly、ChatGPT）的潜力，特别是在语法和拼写检查方面。同时提醒学生要保持学术诚信，遵守学校对AI使用的政策。该视频鼓励学生利用科技提升学习效果，同时保持作品的原创性。

Using Ai at CIU.mp4

'''''4.7.5.2. CIU人工智能（AI）工具使用第一部分'''''

在第一部分中，重点介绍了AI工具的基础使用。视频讨论了使用生成式AI平台（如ChatGPT、Co-Pilot）的伦理问题，并介绍了CIU的相关指南，明确了哪些使用是被允许的（如语法检查），哪些是被禁止的（如生成内容并作为原创提交）。通过实际案例帮助学生了解如何在使用AI时保持责任感。

Academic Success Center Using AI at CIU Part 1.mp4

'''''4.7.5.3. CIU人工智能使用第二部分'''''

第二部分深入探讨了如何在使用AI的同时保持学术诚信。视频解释了CIU如何使用Turnitin等工具检测AI的过度使用，并建议学生在完成作业时禁用生成式AI功能。视频还介绍了学术支持中心的教程资源，帮助学生以负责任的方式将AI融入学术实践中。

Academic Success Center Using AI at CIU Part 2.mp4
===4.8 如何缴纳学费： ===
1.查账单细目，请点击链接： [[如何查看学费账单？]]

2.缴费方式，请点击链接： [[学费付款说明书]]
===4.9 成绩===
关于重修，CIU的政策是C-以及C-以下不需要申请就可以重修，C和C以上重修需要申请。

'''课程GPA低于 0.7 视为不合格，必须重修。总 GPA 低于 3.3 分将失去助学金资格。总 GPA 为所修每门课的等级对应学分的算术平均数，若某门课因不合格重修，则重修前的那一次不参与总 GPA 的计算。'''

学期末如果本学期 GPA 或者总 GPA 低于 2.5 分，该学生将受到留校察看的警告。如果连续两学期留校察看，学籍处将发书面警告函。除非该学员在接下来的一学期有实质性改变（实质性改变指的是接下来这一学期的成绩要提升到等于或者高于最低成绩的要求，并且重修之前挂科的课程），留校察否的处分才能被取消，否则将面临被开除的危险。
{| class="wikitable mw-collapsible"
|+
|等级Letter Grade
|分数Numerical Grade
|学分GPA
|-
|A
|95~100
|4.0
|-
|A−
|92~94
|3.7
|-
|B+
|89~91
|3.3
|-
|B
|86~88
|3.0
|-
|B−
|83~85
|2.7
|-
|C+
|80~82
|2.3
|-
|C
|77~79
|2.0
|-
|C−
|74~76
|1.7
|-
|D+
|71~73
|1.3
|-
|D
|68~70
|1.0
|-
|D−
|65~67
|0.7
|-
|F
|0~64
|0
|}
===4.10其他学习资源===
#CIU电子图书馆 CIU eLibrary CIU学员可使用学员账号访问 CIU 校本部的电子图书馆，获取海量电子资料。其界面和主要资料均为英文。
#如果需要使用CIU图书馆进行搜索，请直接联系：kit@ciu.edu
==五. 其他指南==
===5.1助学金===
====5.1.1 申请资格====
#CIU正式录取的学生，学习专业课至少1学期，成绩在 B+ 或以上。
#个人或家庭有经济需要。
====5.1.2 颁发标准====
#成绩合格、家庭有困难的学生，每门课给予不超过100美元的助学金；
#全时间义务服务的同学，每门课给予不超过200美元的助学金。
====5.1.3 申请流程====
#填写申请表及推荐信，将两个文件重命名为“姓名-助学金申请表"“姓名-推荐信”，发至 SFA@ciu.edu。
#申请通过后，一学年内有效，即一年内不需要再次申请，但来年秋季需重新申请（只需提交申请表）。助学金具体金额每学年或有浮动。
#由于助学金申请人数众多，我们不能保证每位申请人都能获得资助，敬请见谅。如果您没有通过审批，我们会以邮件告知。否则即默认通过。若有疑问，请在查看了秋季学费账单后发邮件给 SFA@ciu.edu询问确认。
====5.2毕业申请。====
#毕业申请。注册部会邮件通知当年的毕业申请时间，您可以查看邮件，在申请截止日期前提交申请表；[[File:毕业生申请表.png|thumb|毕业生申请表|235x235像素]]
#*2026年春季毕业申请截止：2026年1月20日（这一天之后到2026年3月6日之前申请，需要交延误费）
#*2026年夏季毕业申请截止：2026年5月11日（这一天之后到2026年6月26日之前申请，需要交延误费）
#*2026年秋季毕业申请截止：2026年8月31日（这一天之后到2026年10月16日之前申请，需要交延误费）
#*在Populi系统填写《毕业生申请表》，提交后会有注册部的同工邮件通知。
#*毕业生可以申请参加毕业典礼，学校可以提供邀请函。毕业约2个月后，你可以使用这个网址下载电子版的毕业证书及成绩单https://tsorder.studentclearinghouse.org/school/select 大约$10美金的费用。
#*毕业证书样本：（与校本部线下学习的一样）
#毕业要求至少36个学期小时，最低累积 2.7 GPA，成绩低于C的课程不得用于学位要求
[[File:毕业证书.jpg|thumb|毕业证书|451x451像素|center]]
===5.3 勤工俭学===
学院提供勤工俭学机会供有志义务服务的同学参与，请在官网 https://kepha.institute/jobs/<nowiki/>在【职务招聘】处投递简历

'''6. 常用表单'''

'''6.1 助学⾦申请表'''

CIU中文项目助学金申请表

第一部分、说明信

所有助学金申请均是基于申请人存在能够被证实的经济需要。因此，CIU中文项目要求申请人提供以下方面的完整信息。请使用此说明信陈述您的申请需要。

助学金申请说明信

本助学金申请表中以下内容将被视为机密信息，并且仅由助学金审批委员会成员进行全面审核。

第二部分、申请人信息
#申请人信息：
{| class="wikitable sortable mw-collapsible"
|姓名
| colspan="2" |
|出生日期
| colspan="2" |
|-
|国籍
|
|现居住地
|
|现服侍地
|
|-
|CIU学号
|
|入学时间
|
|在哪个项目
|
|-
|婚姻状况
| colspan="5" |
*□单身 □已婚 □离婚/分居 □其他（请解释）
|}
#申请人配偶信息
{| class="wikitable"
|姓名
|
|出生日期
|
|-
|现居住地
| colspan="3" |
|-
|工作情况
| colspan="3" |
|}3、需要申请人供养/抚养的的家庭成员名单
{| class="wikitable"
|姓名
|
|与申请人关系
|
|年龄
|
|-
|姓名
|
|与申请人关系
|
|年龄
|
|-
|姓名
|
|与申请人关系
|
|年龄
|
|-
|姓名
|
|与申请人关系
|
|年龄
|
|}第三部分、财务状况

列出您家庭的年度收入和支出（请列出所有适用项，货币单位：人民币）：

1 家庭资产
{| class="wikitable"
|
|申请人
|配偶
|-
|房产市值
|
|
|-
|车市值
|
|
|-
|股票证券银行等
|
|
|-
|其他资产
|
|
|-
|'''总资产'''
|
|
|}2 家庭年度收入
{| class="wikitable"
|
|申请人收入：XXX元/年
|配偶收入：XXX元/年
|-
|工资总额
|
|
|-
|出租/房产收入
|
|
|-
|利息/股利收入
|
|
|-
|其他收入
|
|
|-
|总收入
|
|
|}3 家庭年度支出
{| class="wikitable"
|
|XXX元/年
|-
|向政府缴纳的税款：
|
|-
|租金/抵押：
|
|-
|自付健康保险/医疗：
|
|-
|食物服装等
|
|-
|水电煤气通讯
|
|-
|贷款还款
|
|-
|教育费用
|
|-
|其他费用
|
|-
|总支出
|
|}声明：

我声明，据我所知所信，本表格中所给的信息是真实、准确、完整的。如果情况有变化，我会与学校联系。我知道提供错误的信息可能会导致助学金申请资格被取消。我同意对此表格的信息以及所有与助学金申请有关的沟通和决定严格保密。我知道如果与他人分享助学金申请信息可能会导致我的申请资格被取消。

申请人签名：日期：

'''6.2 信息更新申请表、毕业申请表、研究生档案变更记录表、重修申请表和非正式成绩单申请表'''

[[/kepha.populiweb.com/router/user/forms|https://kepha.populiweb.com/router/user/forms]]

StudentManuals

2026-06-11T13:54:28Z

Harrison.xing@ciu.edu：/* 学生手册汇总 */

== 学生手册汇总 ==

* 心理辅导：[[临床心理辅导硕士学生手册|心理咨询硕士学生手册]]
* 工商管理：[[工商管理硕士学生手册]]
* 网络安全：[[网络安全项目学生手册]]

StudentManuals

2026-06-11T13:30:52Z

Harrison.xing@ciu.edu：撤销Harrison.xing@ciu.edu（讨论）的版本1205

== 学生手册汇总 ==

* 心理辅导：[[临床心理辅导硕士学生手册|心理辅导硕士学生手册]]
* 工商管理：[[工商管理硕士学生手册]]
* 网络安全：[[网络安全项目学生手册]]

StudentManuals

2026-06-11T13:29:56Z

Harrison.xing@ciu.edu：/* 学生手册汇总 */

== 学生手册汇总 ==

* 心理辅导：[[心理咨询硕士学生手册]]
* 工商管理：[[工商管理硕士学生手册]]
* 网络安全：[[网络安全项目学生手册]]

Accessibility

2026-03-24T18:29:57Z

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

== '''CIU Kepha Moodle Accessibility''' 合规 ==

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

* Kepha Moodle LMS 平台本身
* Moodle 主题 (Theme)
* 插件 (Plugins)
* 课程页面
* 教学内容,包含多媒体（PDF、PPT、视频、音频、Word、HTML等）
* 对于标识适用于developer的，则由IT开发人员解决，其他内容由教授/助教/课程部署人员等内容负责人解决。

本页面内容及清单附件可作为：

* 教学部门、课程设计部署人员，以及IT的合规标准
* ADA 合规自我审计 checklist
'''Accessibility / 无障碍'''

* 无障碍是指残疾人或者年老的人能够以同样有效、同样融合的方式获取相同的信息、参与相同的互动、享受相同的服务，并且使用起来与健全人基本相同。
* 无障碍环境的形成受到我们的行为、我们与环境的互动以及我们的个人偏好的影响。
* 无障碍环境对某些人来说至关重要，对所有人都有用。

* 辅助技术目的是解决残疾人士在完成任务时可能遇到的特定障碍。辅助技术的例子包括文本转语音、屏幕阅读器和语音识别。
* 无障碍技术旨在满足众多不同用户的需求。这类技术包含一些可由用户自定义的功能，以满足其个性化需求。

== '''WCAG2.1 四大原则''' ==

== 1. 可感知性 (Perceivable) ==
'''核心思想：''' 用户必须能够通过视觉、听觉或触觉接收到信息。信息不能对所有的感官都是不可见的。

* '''实例：''' * 为图片提供'''替代文本 (Alt text)'''，方便视障人士通过读屏软件了解内容。
** 为视频提供'''字幕'''，方便听障人士。
** 确保文字与背景之间有足够的'''色彩对比度'''。

== 2. 可操作性 (Operable) ==
'''核心思想：''' 用户必须能够操作界面，且界面不能要求用户进行他们无法完成的操作。

* '''实例：''' * '''纯键盘操作：''' 所有功能都能仅通过键盘（无需鼠标）完成。
** '''充足的时间：''' 给用户留出足够的阅读和操作时间，不要让弹窗消失得太快。
** '''防诱发癫痫：''' 设计时避免使用可能诱发癫痫的高频闪烁内容。

== 3. 可理解性 (Understandable) ==
'''核心思想：''' 用户必须能够理解信息以及界面的操作逻辑。内容不能超出用户的理解范围。

* '''实例：''' * '''语言明确：''' 标明网页使用的是哪种语言。
** '''预测性：''' 导航栏和按钮在不同页面上的位置和表现应当保持一致。
** '''错误辅助：''' 当用户填错表单时，提供清晰的错误提示和修改建议。

== 4. 稳健性 (Robust) ==
'''核心思想：''' 内容必须能够随着技术的发展（如浏览器升级、辅助技术更新）保持兼容性。

* '''实例：''' * '''规范化代码：''' 使用符合标准的 HTML/XML 标签，确保主流浏览器和读屏软件都能准确解析。
** '''兼容辅助技术：''' 确保盲人点显器或语音控制软件能顺利读取网页数据。

----<blockquote>'''一句话总结：''' 如果一个页面能被'''看/听到'''（感知）、能被'''点到'''（操作）、能被'''看懂'''（理解），并且在'''各种设备上都不崩溃'''（稳健），那它就基本符合了 WCAG 的核心精神。</blockquote>
----

= Moodle LMS ADA / WCAG 2.1 AA 完整合规检查清单 =
（适用于 Moodle 平台、课程内容、主题、插件）
----

= 一、可感知 Perceivable - 用户必须能够 '''感知内容信息''' =

= 1.1 文本替代 (Text Alternatives) =

=== 1.1.1 非文本内容 ===
必须为所有非文本内容提供替代文本。

检查项：

□ 所有图片都有 '''alt text'''

□ 装饰图片使用 <code>alt=""</code>

□ 图标按钮有可访问名称

□ 图表有文字说明

□ 图形有数据表或描述

□ 数学公式可被屏幕阅读器读取

□ CAPTCHA 提供音频或替代方案

□ 图像地图提供文本链接

'''操作步骤示例（适用于课程页面、标签（Label）、页面（Page）、论坛、测验题目、书籍（Book）等）：'''

# 打开课程并开启 '''编辑模式'''。
# 在文本编辑器（如 '''TinyMCE'''）中插入图片。
# 在 '''Alternative text / Image description''' 字段填写图片描述。如普通描述：Front entrance of the University Library building on campus / 校园大学图书馆大楼正门。或者想要强调建筑的描述：哥伦比亚国际大学校园图书馆玻璃正门建筑。当这样提供替代文本（alt text）后，屏幕阅读器即可使看不到图片的用户，也能理解图片内容

示例图片：
[[File:Front entrance of the University Library building on campus.png|center|thumb|720x720px]]

代码： <img src="university-library-front-entrance.jpg" alt="哥伦比亚国际大学图书馆玻璃正门建筑">

好的alt text举例： “CIU学生在大学图书馆里安静地学习” 不好的 alt text 示例： “图书馆图片”

装饰图片使用 alt=""如果图片只是装饰（例如分隔线、背景图）：

在插入图片时：Alt text: "" 勾选：Image is decorative

这样屏幕阅读器会跳过该图片。

语言一致性：替代文本必须与周围网页内容的语言保持一致。如果您的页面是中文的，则替代文本也应为中文。如果主要内容是英文的，则替代文本也应为英文，除非图像明确包含中文文本。

我们要问自己：如果你的学生看不到这张图片时，他需要知道什么？这就是alt text 的作用。

原则: 描述图片传达的信息或功能。

'''仅适用于Developer''': 图标按钮有可访问名称

<code><button aria-label="Download assignment template"></code>

<code> <nowiki><i class="icon-download"></i></nowiki></code>

<code></button></code>

或者

<code><a href="file.pdf" aria-label="Download PDF"></code>

<code> <nowiki><i class="fa fa-file"></i></nowiki></code>

<code></a></code>

'''教师/课程部署人员无障碍内容规范'''：

# 图片必须填写 alt text
# 图表必须有文字解释
# 不允许用图片代替文本
# 公式必须使用 MathJax

= 1.2 基于时间的媒体 (Time-based Media) =

=== 1.2.1 纯音频 / 纯视频 ===
□ 音频提供 '''完整文字稿'''

□ 无声视频提供 '''文本说明'''

'''''常见不合规'''''

* 只有音频，没有提供音频完整文稿
* 无声视频没有提供文本说明
* 只有摘要（summary）没有全文
* 自动生成但未校对（错误严重）
* 图片形式的文字稿（不可读屏）
简单来说，所有“听得到或看得到”的内容，都必须能“读得到”

'''合规做法'''

方法1：页面内直接提供文字稿

'''示例：'''

标题：第3讲：市场营销基础（音频）

[音频播放器]

文字稿：

老师：今天我们讲的是市场细分…

（完整逐字稿文本）

'''添加方法：''' 打开课程 → 添加 “网页（Page）” 或 “标签（Label）”

方法2：单独文件 + 链接

* 上传：
** lecture3.mp3
** lecture3-transcript.pdf / .html / .docx

页面写：

🎧 音频：第3讲

📄 文字稿下载：[点击查看文字稿]

纯视频（无声）的做法

示例：上传一个“无声操作演示视频”

标题：如何提交作业（演示视频）

[视频]

文字说明：

1. 打开课程页面

2. 点击“作业1”

3. 点击“添加提交”

4. 上传文件

5. 点击保存

视频展示了以上操作流程。

* 要描述'''视觉信息'''
* 不是简单一句话，而是'''步骤或说明'''

'''''常见不合规'''''

* 视频无声 + 无任何说明
* 只有标题，没有内容解释
* 用“看视频即可”替代说明<br />
----

=== 1.2.2 预录媒体字幕 ===
□ 所有视频提供 '''同步字幕'''

也就是说，所有“有声音的视频”必须提供同步字幕（captions）是'''字幕（同步），''' 不是 transcript（文字稿不能替代）

“能听到声音的视频”，必须让用户“同步读到内容”

视频审核checklist

* 是否有字幕（captions）
* 是否同步
* 是否完整（含音效）
* 是否可开启/关闭
* 自动字幕是否已校对

请视频提供者提供同步字幕文件。如果没有，则可由课程部署人员自动生成后，由教师或助教进行校对。

同步字幕要求可开启/关闭。由用户可以控制（不是烧录嵌入进视频里的唯一方式）

视频提供者：教师提供'''视频文件'''的同时需要提供 '''字幕文件'''（推荐.vtt ）

字幕文件示例：

<code>WEBVTT</code>

<code>00:00:01.000 --> 00:00:05.000</code>

<code>欢迎同学们来到本课程</code>

<code>00:00:05.000 --> 00:00:10.000</code>

<code>今天我们讲市场营销基础</code>
----

=== 1.2.3 音频描述或媒体替代 ===
□ 视频视觉信息有 '''音频描述'''

或

□ 提供完整文字版
----

=== 1.2.4 实时字幕 (AA) ===
□ 实时直播课程提供 '''实时字幕'''

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

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

'''Teams:'''

Teams 会议中的Accessibility辅助功能

* 实时字幕（AI生成）：提供自动、实时的字幕，显示谁在说话。
* 实时翻译字幕：允许参与者查看翻译成他们首选语言的字幕。

如何使用实时字幕?

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

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

# 在Teams会议中，点击“More/更多”（三个点）图标。
# 选择录像和实时字幕"Record and transcribe"。
# 选择“开启实时字幕"Start Transcription” 也可以使用键盘快捷键：Alt+Shift+C, MacOS系统: Command (⌘) + Shift + C

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

'''Zoom:'''

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

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

如何开启实时字幕？

# '''在会议控制工具栏中，点击“更多/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]]

----

=== 1.2.5 音频描述 (AA) ===
□ 关键视觉信息有音频描述

'''教师无障碍内容规范'''
* 音频必须提供文字版文本
* 无声视频提供文本说明
* 录播视频必须有字幕
* 直播课程提供实时字幕

----

= 1.3 可适应性 Adaptable =
信息结构必须可程序识别。

信息和关系：通过代码（HTML标签）呈现的网页信息、结构和关系，必须能够通过程序确定或提供文本。例如，使用 <nowiki><h1>~<h6> 表示标题，<ul> 表示列表。</nowiki>

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

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

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

识别输入目的：输入数据的表单字段必须定义明确的用途（如使用 autocomplete 属性），以便辅助技术可以自动填充或标识。
----
{| class="wikitable"
! colspan="undefined" |关键要素
! colspan="undefined" |'''重点'''
'''（适用于教师提供的所有课程资料包括文本内容，PowerPoint,Word,Excel等）'''
! colspan="undefined" |责任方
|-
| colspan="undefined" |信息和关系
| colspan="undefined" |使用文档内置结构（如 Word 标题样式、PPT 版式/标题占位符、Excel表格结构标题行/表头），而不是仅用视觉样式表达结构
| colspan="undefined" |教师（创建内容的人需要正确使用结构工具）
|-
| colspan="undefined" |有意义的序列
| colspan="undefined" |内容顺序逻辑合理清晰（PPT 阅读顺序、Word 线性结构、Excel 表格顺序从左到右、从上到下有逻辑）
| colspan="undefined" |教师
|-
| colspan="undefined" |感知特性
| colspan="undefined" |不仅依赖视觉或位置描述，应使用明确文本说明（如“图1 销售图” 或 “见销售增长图（图1）”而不是“看右边图” ）
| colspan="undefined" |教师
|-
|视图方向
|内容在不同方向或显示方式下仍可理解（不依赖固定版式/方向）
|两者兼有（教师设计内容 + 工具/模板支持）
|-
|识别输入目的
|表单或数据字段有清晰标签（如Word 表单说明、 Excel 列名）
|老师
|}
----

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

□ 标题使用 <code><nowiki><h1> - <h6></nowiki></code>

□ 列表使用 <code><nowiki><ul></nowiki></code> <code><nowiki><ol></nowiki></code>

□ 表格使用 <code><nowiki><th></nowiki></code> <code><nowiki><caption></nowiki></code>

□ 表格关联 header

□ 表单 label 正确绑定

□ Moodle 内容区块结构清晰

□ ARIA landmark 正确使用

□ 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 有意义的顺序Meaningful Sequence ===
□ 阅读顺序正确

□ Tab 顺序正确

□ DOM 顺序符合视觉顺序
----

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

□ “点击红色按钮”

□ “右侧链接”

必须提供文字说明
----

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

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

例如：
----

= 1.4 可区分 Distinguishable =
----

=== 1.4.1 颜色不能作为唯一信息 ===
□ 错误提示不只用红色

□ 状态信息不只用颜色
----

=== 1.4.2 音频控制 ===
□ 自动播放音频可暂停
----

=== 1.4.3 对比度 (AA) ===
文本对比度：'''4.5:1'''

如何查看对比度？

- 使用 WebAIM 对比度检查器等工具或浏览器扩展程序。

Log标志不受 WCAG 对比度要求的约束，但仍应注重易读性。

如何确保超链接对比度？

- 使用颜色和下划线使超链接与周围的文本区分开来。

大字：'''3:1'''

检查：

□ Moodle 主题颜色

□ 按钮

□ 菜单

□ 链接

□ 表单
----

=== 1.4.4 可调整文本大小 ===
□ 文本可放大 '''200%'''

无功能损失
----

=== 1.4.5 图像文字 ===
□ 避免使用图片文字
----

=== 1.4.10 Reflow (AA) ===
□ 在 '''320px 宽度'''下可用
----

=== 1.4.11 非文本对比度 ===
UI 元素对比度：

'''3:1'''

例如：

□ 按钮边框

□ 表单框

□ 图标
----

=== 1.4.12 文本间距 ===
用户可调整：

内容不破坏
----

=== 1.4.13 Hover / Focus 内容 ===
弹出提示必须：

□ 可关闭

□ 可悬停

□ 不自动消失
----

= 二、可操作 Operable =
用户必须可以 '''操作界面'''
----

= 2.1 键盘可访问 =
----

=== 2.1.1 键盘操作 ===
□ 所有功能可用键盘操作

□ Moodle 菜单可键盘访问

□ 活动模块可键盘操作
----

=== 2.1.2 无键盘陷阱 ===
□ Tab 可以离开任何组件
----

=== 2.1.4 单字符快捷键 ===
□ 提供关闭选项
----

= 2.2 足够时间 =
----

=== 2.2.1 可调整时间 ===
□ 测验时间可延长

□ session timeout 提示
----

=== 2.2.2 暂停 / 停止 ===
□ 自动轮播可暂停
----

= 2.3 癫痫安全 =
----

=== 2.3.1 三次闪烁 ===
□ 页面无 >3Hz 闪烁

在 Moodle 课程内容中不要使用每秒闪烁超过 3 次的动画或视频，否则可能违反无障碍标准。

'''视频：如果你在 Moodle 上传或嵌入视频'''

需要避免

* 快速闪烁的灯光效果
* 频繁切换的动画（>3 次/秒）
* 强烈红色闪烁

解决方法

* 使用正常剪辑节奏的视频
* 删除快速闪烁片段
* 如果是演示视频，避免快速动画

'''GIF 动图或动画'''

老师在 Moodle 页面放 '''GIF 动图'''。

无障碍要求

* 动图不能快速闪烁
* 动图循环速度不能超过 3 Hz

建议

* 使用慢速动画
* 或改成静态图片

'''页面通知或提醒'''

有些主题或插件或者其他代码会使用闪烁提醒。

例如：

* 新作业提醒
* 警告信息

必须确保：

* 不要快速闪烁
* 最好使用颜色或图标而不是闪烁

'''判断方法'''

如果肉眼看到内容像警报灯一样快速闪，基本就可能超过 3 Hz。

安全做法：

静态图片

缓慢动画

不闪烁的提示

避免：

快速闪烁

频繁颜色切换

红色闪光效果
----

= 2.4 可导航 =
----

=== 2.4.1 跳过重复内容 ===
□ 提供 '''Skip to main content'''
----

=== 2.4.2 页面标题 ===
□ 每页唯一标题
----

=== 2.4.3 焦点顺序 ===
□ Tab 顺序逻辑正确
----

=== 2.4.4 链接目的 ===
□ 链接文本清晰

避免：
----

=== 2.4.5 多种导航 (AA) ===
必须至少两种：

□ 搜索

□ sitemap

□ 目录

□ breadcrumb
----

=== 2.4.6 标题与标签 ===
□ 标题描述清晰
----

=== 2.4.7 可见焦点 ===
□ focus outline 明显
----

= 2.5 输入方式 =
----

=== 2.5.1 指针手势 ===
□ 不依赖复杂手势
----

=== 2.5.2 指针取消 ===
□ 点击可取消
----

=== 2.5.3 标签与名称一致 ===
按钮：

视觉文字 = accessible name
----

=== 2.5.4 运动激活 ===
□ 可关闭
----

= 三、可理解 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.1 页面语言 ===
□ <code><html lang="en"></code>
----

=== 3.1.2 内容语言 ===
□ 外语段落标记 lang
----

= 3.2 可预测 =
----

=== 3.2.1 焦点不触发变化 ===
□ focus 不自动跳页
----

=== 3.2.2 输入不触发变化 ===
□ 输入字段不自动提交
----

=== 3.2.3 一致导航 ===
□ Moodle 页面导航一致
----

=== 3.2.4 一致识别 ===
□ 相同组件外观一致
----

= 3.3 输入帮助 =
----

=== 3.3.1 错误识别 ===
□ 错误提示明确
----

=== 3.3.2 标签或说明 ===
□ 表单有 label
----

=== 3.3.3 错误建议 ===
□ 提供修复建议
----

=== 3.3.4 错误预防 (AA) ===
重要表单：

□ 可确认

□ 可撤销

□ 可复查
----

= 四、稳健 Robust =
----

= 4.1 兼容性 =
----

=== 4.1.1 解析 ===
□ HTML 无严重错误
----

=== 4.1.2 名称 / 角色 / 值 ===
□ ARIA 正确使用

□ UI 控件 role 正确

□ 状态可读

例如：
----

=== 4.1.3 状态信息 (AA) ===
□ 动态信息可被屏幕阅读器读取

例如：
----

= Moodle 特有检查 =
----

== Moodle 主题 ==
□ 主题对比度符合标准

□ Skip navigation 存在

□ 响应式布局可访问

□ 移动端支持
----

== Moodle 插件 ==
□ 插件支持键盘

□ 插件有 ARIA

□ 插件无颜色依赖
----

== Moodle 课程内容 ==
□ PDF 可访问

□ Word 可访问

□ PPT 可访问

□ 视频有字幕

□ 图片有 alt
----

= 文档内容合规 =
必须确保：
----

=== PDF ===
□ Tagged PDF

□ 正确 heading

□ 语言

□ alt text
----

=== Word ===
□ Heading styles

□ alt text

□ 列表语义
----

=== PowerPoint ===
□ reading order

□ alt text
----

= 视频 =
□ 字幕

□ transcript

□ audio description
----

= ADA 法律要求附加 =
网站必须提供：

□ Accessibility Statement

□ 联系方式

□ 无障碍支持渠道
----

= 自动化测试工具 =
建议使用：

□ axe DevTools

□ WAVE

□ Lighthouse

□ NVDA

□ JAWS
----

= 合规完成标准 =
当以下全部满足：

✔ WCAG 2.1 Level AA

✔ ADA Title III

= Kepha Moodle WCAG2.1AA_Checklist =
下载此文件，并用浏览器打开

= FAQ 常见问题解答[[File:ImageFAQ.png|alt=ImageFAQ|frameless|74x74px]] =
替代文本？
{| class="wikitable"
|如何为图表编写替代文字？
|在替代文字中总结关键信息。在上下文中提供完整的数据描述，或链接数据表。例如：“柱状图显示每月缺勤人数：1 月总计 30 人，2 月总计 25 人，3 月总计 28 人。”
|-
|装饰性图片是否应该添加替代文字？
|如果图片纯粹是装饰性的，请使用 alt=""，以便屏幕阅读器跳过它。
|-
|如何为嵌入文本的图片编写替代文字？
|如果图片包含关键文字，请将其添加到替代文字中。如果文字较长，请进行概括，并在其他地方提供完整版本。例如：“无障碍峰会活动宣传单，6月15日，主讲嘉宾：John Doe。”
|-
|我应该如何处理logo的替代文字？
|请使用公司或组织名称。例如：“Google 标志”，而不是“蓝红字母拼写的 Google”。
|-
|那么像信息图这类复杂的图像呢？
|在替代文本中提供简短摘要。在上下文文本中或以链接文档的形式提供完整描述。例如：“信息图总结了无障碍最佳实践。完整描述见下方文本。”
|}

对比度
{| class="wikitable"
|如何查看对比度？
|使用 WebAIM 对比度检查器等工具或浏览器扩展程序。
|-
|那么，标志呢？
|标志不受 WCAG 对比度要求的约束，但仍应注重易读性。
|-
|如何确保超链接对比度？
|使用颜色和下划线使超链接与周围的文本区分开来。
|-
|背景可以使用透明效果吗？
|避免使用透明度过高的背景，以免降低对比度，影响可读性。
|-
|如果我的品牌/模板颜色不符合对比度要求怎么办？
|调整遮阳强度或提供其他无障碍设计方案
|}

标题
{| class="wikitable"
|一份文档或网页应该有多少个 H1 标签？
|每个文档或页面应该只有一个 H1 标签，通常用作主标题。
|-
|我可以用粗体字代替标题吗？
|不可以，粗体文本并不能提供正规标题的结构优势。请使用真正的标题样式。
|-
|如果某个章节不需要标题怎么办？
|请使用段落正文。不要为了增加间距而插入空标题。
|-
|如何测试我的标题结构是否正确？
|使用屏幕阅读器或辅助工具按标题导航。
|-
|表格中是否需要使用标题？
|仅当表格需要分段时才使用；否则，请使用表格标题。
|}
描述性链接
{| class="wikitable"
|当链接到一个下载文件的链接时，如何编写描述性链接
|
* 请注明文件类型和用途（例如，“下载无障碍 PDF 指南 [PDF]”）。
* 避免使用“点击此处下载”之类的通用文本。
|-
|如果我的内容包含指向同一目标的多个链接，该怎么办？
|
* 使用一致、描述性的链接文本，但避免过度重复。
* 如有必要，请添加上下文（例如，“注册参加活动（9-11年级）”与“注册参加活动（高年级）”）。
|-
|导航菜单中的链接应该如何处理？
|
* 使用清晰简洁的菜单标签（例如，“辅助功能资源”而不是“更多信息”）。
* 确保菜单结构按逻辑顺序将相关链接分组。
|-
|特定行动Call to Action (CTA) 按钮中的链接呢？如联系我们，立即付款，免费下载等
|
* 按钮文字应具有行动导向性和针对性（例如，“注册参加研讨会”而不是“点击注册”）。
* 确保按钮文字本身就能为使用辅助技术的用户提供必要的上下文信息。
|-
|如何确保文档中的链接可访问？
|
* 除非必要，否则请避免使用原始URL。
* 确保文档中的超链接颜色与周围文本具有足够的对比度，并且能够区分开来。
* 如果要在打印文档中添加链接，请以可读格式提供完整的 URL。
|}

多媒体无障碍访问
{| class="wikitable"
|如何制作准确的字幕？
|老师尽可能提供视频字幕源文件，可使用专业字幕服务或人工智能辅助工具，然后人工审核准确性。如果需要协助，可联系课程部署专员帮助开启自动生成字幕，然后由老师或助教人工审核准确性。
|-
|自动生成的字幕就足够了吗？
|不够，自动生成的字幕经常会有错误。务必检查、编辑以及人工审核。
|-
|什么情况下需要音频描述？
|如果视频包含对话无法传达的重要视觉信息。
|-
|什么是无障碍媒体播放器？
|支持字幕、键盘导航和屏幕阅读器兼容性的播放器。
|-
|我应该如何处理实时视频的无障碍访问问题？
|提供实时字幕，并尽可能提供美国手语翻译。
|}

= 按内容类型划分的课程资料 =

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

==== 演示可访问性的关键原则 ====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|每张幻灯片都要使用幻灯片标题
|
* 每张幻灯片都应该有一个独特且描述性的标题。
* 避免使用空白标题——这有助于使用屏幕阅读器的用户进行导航。
|启用大纲视图（PowerPoint）或检查 Google 幻灯片中的幻灯片标题。
|-
|请确保阅读顺序正确。
|
* 将幻灯片内容按逻辑顺序排列。
* 使用选择窗格（PowerPoint）或 Tab 键导航来验证顺序。
|使用 Tab 键在幻灯片之间切换——确保元素按有意义的顺序排列。
|-
|使用易于理解的文本格式
|
* 使用无衬线字体（例如 Arial、Calibri、Verdana）。
* 为了保证可读性，请确保字体大小至少为 24 磅。
* 保持文字与背景之间的高对比度。
|在 PowerPoint 或 Google Slides 中运行辅助功能检查器。
|-
|为图像和图形提供替代文本
|
* 为有意义的图片、图表和信息图添加描述性替代文字。
* 将装饰性图像标记为装饰性（PowerPoint）或留空。
|右键单击图像并选择“替代文本”。
|-
|确保链接具有描述性
|
* 请使用有意义的链接文本，而不是原始URL。
* 例如：“了解更多无障碍信息”而不是“点击此处”。
|扫描“点击此处”之类的通用短语，并将其替换为上下文相关的链接。
|-
|避免仅以颜色作为沟通手段。
|
* 使用图案、标签或下划线来区分关键元素。
* 避免使用红色/绿色组合，因为这可能会给色盲用户带来困扰。
|以灰度模式查看幻灯片，或使用颜色对比度检查器。
|-
|为现场演示启用自动字幕
|
* 使用内置字幕工具
* 提供预先录制演示文稿的文字稿。
|启用实时字幕并测试其准确性。
|-
|以易于访问的格式分享演示文稿
|
* 将幻灯片导出为带标签的 PDF 文件，以保留其结构。
* 避免以图片或扫描版 PDF 的形式分发幻灯片。
|在 Adobe Acrobat 中打开导出的 PDF 文件，并使用辅助功能检查器。
|}
[https://aem.cast.org/create/creating-accessible-documents '''如何制作/创建无障碍文件/文稿''']

[https://webaim.org/techniques/powerpoint/ '''微软 PowerPoint 辅助功能''']

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

==== 文档可访问性的关键原则 ====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|使用正确的标题和结构
|
* 应用真正的标题样式（H1、H2、H3 等），而不是仅仅加粗文本。
* 保持逻辑顺序（例如，不要从 H1 跳到 H3）。
* 确保标题准确描述各部分内容。
|使用文档内置的导航窗格（Word/Google Docs）来验证结构。
|-
|为图片提供替代文字
|
* 为有意义的图片添加简洁但描述性的替代文字。
* 装饰性图片应标记为装饰性图片（Word），或不添加替代文字。
* 如果图像传达了复杂的数据（例如图表），请在附近添加文字摘要。
|右键单击图像，查看是否有“替代文本”选项。
|-
|确保链接具有描述性
|
* 使用有意义的链接文本（例如，“查看无障碍指南”而不是“点击此处”）。
* 除非必要，否则请避免使用原始URL。
|扫描文档，查找“点击此处”或“阅读更多”之类的短语，并将其替换为描述性文字。
|-
|正确使用表格
|
* 使用表格属性定义列标题。
* 避免合并单元格或空单元格，以免扰乱阅读顺序。
* 添加表格标题或摘要以提供背景信息。
|在 Word 中，选择表格，转到“表格设计”，然后检查是否有表头行。
|-
|确保足够的色彩对比度
|
* 确保文字与其背景的对比度至少为 4.5:1。
* 避免仅使用颜色来传达含义。
|使用颜色对比度检查器或将文档转换为灰度图进行测试。
|-
|使用易于访问的字体和格式
|
* 选择易读字体（例如 Arial、Calibri、Verdana）。
* 正文字体大小至少使用 12 磅。
* 为了保证可读性，请确保行距至少为 1.5。
|扫描文档，检查是否有字太小或难以辨认的文字。
|-
|请核对阅读顺序和逻辑流程
|
* 请确保按预期顺序阅读内容（尤其是在 PDF 文件中）。
* 避免将文本放置在会干扰导航的浮动文本框中。
|使用 Tab 键导航或屏幕阅读器预览。
|-
|（如有需要）转换为易于访问的PDF格式
|
* 从 Word/Docs 正确导出，而不是打印成 PDF。
* 确保标签、替代文本和标题保持不变。
* 请使用 Adobe Acrobat 的辅助功能检查器进行验证。
|在 Acrobat 中，打开辅助功能检查器（工具 > 辅助功能 > 全面检查）。
|}
[https://www.youtube.com/playlist?list=PL2GnpAhfNiFGnv0D6ATcclO3cyq3ZZjyG '''视频教程： How to make word documents accessible 如何使Word文档易于访问''']

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

===== 视频和音频无障碍访问的关键原则 =====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|为所有视频内容提供字幕
|
* 字幕应同步、准确、完整。
* 使用可开启或关闭的隐藏式字幕。
* 包括说话人识别和非语音声音（例如，[播放音乐]）。
|启用字幕，并通过观看视频来验证其准确性。
|-
|提供音频和视频的文字稿
|
* 文字稿应包含对话内容和相关声音。
* 提供可下载的文本或HTML格式的成绩单。
|打开文字稿，确认其与口语内容一致。
|-
|为视觉内容提供音频描述
|
* 音频描述会叙述对话中未传达的重要视觉细节。
* 对于包含大量视觉元素（例如图表、演示）的视频来说，这一点尤为重要。
|播放带有音频描述的视频，并确认关键画面已进行描述。
|-
|使用易于访问的媒体播放器
|
* 确保键盘可以操作播放控制功能。
* 提供对比度友好的界面，以提高可视性。
|仅使用键盘和屏幕阅读器测试媒体控制。
|-
|确保实时视频可访问
|
* 为网络研讨会和虚拟会议提供实时字幕。
* 考虑提供手语翻译服务。
|启用实时字幕，并在播放过程中确认字幕准确性。
|}

==== '''<u>PDF文档</u>''' ====
PDF 是一种常见的文档共享格式，但它在可访问性方面存在一些挑战。以下将帮助您决定何时使用 PDF，何时避免使用 PDF，以及在必要时如何提高 PDF 的可访问性。
----

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

* 通用格式：PDF 文件在不同设备和操作系统上保持格式一致。
* 安全功能：PDF 文件可以限制编辑或保护敏感信息。
* 可直接打印：非常适合需要按设计原样打印的文档（例如，宣传册、传单）。

缺点

* 可访问性挑战：PDF 文件通常缺乏屏幕阅读器所需的正确结构（例如，缺少标签、阅读顺序问题）。
* 难以编辑：'''修复辅助功能问题需要 Adobe Acrobat Pro 等专业软件。'''
* 不适合移动设备：与响应式网页不同，PDF 文件在小屏幕上难以浏览。

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

====== 何时应避免使用PDF文件？ ======
* 简单的文本内容：对于简单的内容（例如，新闻通讯、更新），请'''使用网页'''或易于访问的 Word 文档。
* 交互式内容：'''除非能确保完全的交互性和可访问性，否则请避免使用 PDF 格式的表单或应用程序。'''
* 需要频繁更新：对于经常更改的内容，请避免使用 PDF；更新网页效率更高，并可确保用户访问最新版本。

[https://helpx.adobe.com/acrobat/using/creating-accessible-pdfs.html '''创建易于访问的PDF文件''']

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

===== 网络平台及社交媒体内容可访问性的关键原则 =====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|撰写描述性强、清晰易懂的文本
|
* 使用通俗易懂的语言，避免使用不必要的术语。
* 标签中的每个单词都要大写（#驼峰式命名法，而不是 #全部小写）。
* 帖子内容应简洁明了，便于阅读，并注意适当的间距。
|请大声朗读这篇文章，以确保其清晰易懂。
|-
|为图片提供替代文字
|
* 为所有有意义的图片添加替代文字。
* 描述要详尽但要简洁（重点突出关键细节）。
|启用屏幕阅读器并验证图像的描述方式。
|-
|确保视频内容包含字幕和文字稿。
|
* 使用自动生成的字幕并手动校正，或者上传您自己的字幕。
* 提供成绩单链接。
|打开字幕播放视频，并核实其准确性。
|-
|使用描述性链接
|
* 避免使用通用的“点击此处”短语——使用清晰明了的链接文本。
* 使用易于访问的 URL 缩短服务缩短链接，这些服务允许使用描述性别名。
|检查所有链接，确保它们指向正确的目的地。
|-
|使表情符号和特殊字符清晰可读
|
* 请谨慎使用表情符号，因为屏幕阅读器会将其朗读出来。
* 表情符号应放在句末，不要放在文本中间。
* 避免过度使用特殊字符和符号。
|使用屏幕阅读器测试表情符号和特殊字符的朗读方式。
|-
|确保帖子可通过键盘浏览。
|
* 交互元素（投票、按钮、表单）应可通过 Tab 键和 Enter 键访问。
* 避免使用需要悬停操作而没有其他替代方案的交互式图形。
|尝试仅使用键盘浏览帖子。
|-
|提供高对比度的图像和图形
|
* 图片中的文字与背景的对比度应至少为 4.5:1。
* 避免在明亮的背景上使用浅色文字。
|使用对比度检查器验证清晰度。
|-
|限制动画和闪烁内容
|
* 避免快速闪烁的内容，以防止诱发癫痫发作。
* 如果适用，请提供暂停或停止动画的选项。
|播放动画并确保其符合 WCAG 闪烁阈值。
|}

= 更多详细信息请参考以下资料 =
[https://www.w3.org/WAI/WCAG22/quickref/?versions=2.1 '''How to Meet WCAG (Quick Reference)''']

[https://www.w3.org/WAI/standards-guidelines/wcag/new-in-21/ '''What’s New in WCAG 2.1''']

Accessibility

2026-03-24T17:57:45Z

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

== '''CIU Kepha Moodle Accessibility''' 合规 ==

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

* Kepha Moodle LMS 平台本身
* Moodle 主题 (Theme)
* 插件 (Plugins)
* 课程页面
* 教学内容,包含多媒体（PDF、PPT、视频、音频、Word、HTML等）
* 对于标识适用于developer的，则由IT开发人员解决，其他内容由教授/助教/课程部署人员等内容负责人解决。

本页面内容及清单附件可作为：

* 教学部门、课程设计部署人员，以及IT的合规标准
* ADA 合规自我审计 checklist
'''Accessibility / 无障碍'''

* 无障碍是指残疾人或者年老的人能够以同样有效、同样融合的方式获取相同的信息、参与相同的互动、享受相同的服务，并且使用起来与健全人基本相同。
* 无障碍环境的形成受到我们的行为、我们与环境的互动以及我们的个人偏好的影响。
* 无障碍环境对某些人来说至关重要，对所有人都有用。

* 辅助技术目的是解决残疾人士在完成任务时可能遇到的特定障碍。辅助技术的例子包括文本转语音、屏幕阅读器和语音识别。
* 无障碍技术旨在满足众多不同用户的需求。这类技术包含一些可由用户自定义的功能，以满足其个性化需求。

== '''WCAG2.1 四大原则''' ==

== 1. 可感知性 (Perceivable) ==
'''核心思想：''' 用户必须能够通过视觉、听觉或触觉接收到信息。信息不能对所有的感官都是不可见的。

* '''实例：''' * 为图片提供'''替代文本 (Alt text)'''，方便视障人士通过读屏软件了解内容。
** 为视频提供'''字幕'''，方便听障人士。
** 确保文字与背景之间有足够的'''色彩对比度'''。

== 2. 可操作性 (Operable) ==
'''核心思想：''' 用户必须能够操作界面，且界面不能要求用户进行他们无法完成的操作。

* '''实例：''' * '''纯键盘操作：''' 所有功能都能仅通过键盘（无需鼠标）完成。
** '''充足的时间：''' 给用户留出足够的阅读和操作时间，不要让弹窗消失得太快。
** '''防诱发癫痫：''' 设计时避免使用可能诱发癫痫的高频闪烁内容。

== 3. 可理解性 (Understandable) ==
'''核心思想：''' 用户必须能够理解信息以及界面的操作逻辑。内容不能超出用户的理解范围。

* '''实例：''' * '''语言明确：''' 标明网页使用的是哪种语言。
** '''预测性：''' 导航栏和按钮在不同页面上的位置和表现应当保持一致。
** '''错误辅助：''' 当用户填错表单时，提供清晰的错误提示和修改建议。

== 4. 稳健性 (Robust) ==
'''核心思想：''' 内容必须能够随着技术的发展（如浏览器升级、辅助技术更新）保持兼容性。

* '''实例：''' * '''规范化代码：''' 使用符合标准的 HTML/XML 标签，确保主流浏览器和读屏软件都能准确解析。
** '''兼容辅助技术：''' 确保盲人点显器或语音控制软件能顺利读取网页数据。

----<blockquote>'''一句话总结：''' 如果一个页面能被'''看/听到'''（感知）、能被'''点到'''（操作）、能被'''看懂'''（理解），并且在'''各种设备上都不崩溃'''（稳健），那它就基本符合了 WCAG 的核心精神。</blockquote>
----

= Moodle LMS ADA / WCAG 2.1 AA 完整合规检查清单 =
（适用于 Moodle 平台、课程内容、主题、插件）
----

= 一、可感知 Perceivable - 用户必须能够 '''感知内容信息''' =

= 1.1 文本替代 (Text Alternatives) =

=== 1.1.1 非文本内容 ===
必须为所有非文本内容提供替代文本。

检查项：

□ 所有图片都有 '''alt text'''

□ 装饰图片使用 <code>alt=""</code>

□ 图标按钮有可访问名称

□ 图表有文字说明

□ 图形有数据表或描述

□ 数学公式可被屏幕阅读器读取

□ CAPTCHA 提供音频或替代方案

□ 图像地图提供文本链接

'''操作步骤示例（适用于课程页面、标签（Label）、页面（Page）、论坛、测验题目、书籍（Book）等）：'''

# 打开课程并开启 '''编辑模式'''。
# 在文本编辑器（如 '''TinyMCE'''）中插入图片。
# 在 '''Alternative text / Image description''' 字段填写图片描述。如普通描述：Front entrance of the University Library building on campus / 校园大学图书馆大楼正门。或者想要强调建筑的描述：哥伦比亚国际大学校园图书馆玻璃正门建筑。当这样提供替代文本（alt text）后，屏幕阅读器即可使看不到图片的用户，也能理解图片内容

示例图片：
[[File:Front entrance of the University Library building on campus.png|center|thumb|720x720px]]

代码： <img src="university-library-front-entrance.jpg" alt="哥伦比亚国际大学图书馆玻璃正门建筑">

好的alt text举例： “CIU学生在大学图书馆里安静地学习” 不好的 alt text 示例： “图书馆图片”

装饰图片使用 alt=""如果图片只是装饰（例如分隔线、背景图）：

在插入图片时：Alt text: "" 勾选：Image is decorative

这样屏幕阅读器会跳过该图片。

语言一致性：替代文本必须与周围网页内容的语言保持一致。如果您的页面是中文的，则替代文本也应为中文。如果主要内容是英文的，则替代文本也应为英文，除非图像明确包含中文文本。

我们要问自己：如果你的学生看不到这张图片时，他需要知道什么？这就是alt text 的作用。

原则: 描述图片传达的信息或功能。

'''仅适用于Developer''': 图标按钮有可访问名称

<code><button aria-label="Download assignment template"></code>

<code> <nowiki><i class="icon-download"></i></nowiki></code>

<code></button></code>

或者

<code><a href="file.pdf" aria-label="Download PDF"></code>

<code> <nowiki><i class="fa fa-file"></i></nowiki></code>

<code></a></code>

'''教师/课程部署人员无障碍内容规范'''：

# 图片必须填写 alt text
# 图表必须有文字解释
# 不允许用图片代替文本
# 公式必须使用 MathJax

= 1.2 基于时间的媒体 (Time-based Media) =

=== 1.2.1 纯音频 / 纯视频 ===
□ 音频提供 '''完整文字稿'''

□ 无声视频提供 '''文本说明'''

'''''常见不合规'''''

* 只有音频，没有提供音频完整文稿
* 无声视频没有提供文本说明
* 只有摘要（summary）没有全文
* 自动生成但未校对（错误严重）
* 图片形式的文字稿（不可读屏）
简单来说，所有“听得到或看得到”的内容，都必须能“读得到”

'''合规做法'''

方法1：页面内直接提供文字稿

'''示例：'''

标题：第3讲：市场营销基础（音频）

[音频播放器]

文字稿：

老师：今天我们讲的是市场细分…

（完整逐字稿文本）

'''添加方法：''' 打开课程 → 添加 “网页（Page）” 或 “标签（Label）”

方法2：单独文件 + 链接

* 上传：
** lecture3.mp3
** lecture3-transcript.pdf / .html / .docx

页面写：

🎧 音频：第3讲

📄 文字稿下载：[点击查看文字稿]

纯视频（无声）的做法

示例：上传一个“无声操作演示视频”

标题：如何提交作业（演示视频）

[视频]

文字说明：

1. 打开课程页面

2. 点击“作业1”

3. 点击“添加提交”

4. 上传文件

5. 点击保存

视频展示了以上操作流程。

* 要描述'''视觉信息'''
* 不是简单一句话，而是'''步骤或说明'''

'''''常见不合规'''''

* 视频无声 + 无任何说明
* 只有标题，没有内容解释
* 用“看视频即可”替代说明<br />
----

=== 1.2.2 预录媒体字幕 ===
□ 所有视频提供 '''同步字幕'''

也就是说，所有“有声音的视频”必须提供同步字幕（captions）是'''字幕（同步），''' 不是 transcript（文字稿不能替代）

“能听到声音的视频”，必须让用户“同步读到内容”

视频审核checklist

* 是否有字幕（captions）
* 是否同步
* 是否完整（含音效）
* 是否可开启/关闭
* 自动字幕是否已校对

请视频提供者提供同步字幕文件。如果没有，则可由课程部署人员自动生成后，由教师或助教进行校对。

同步字幕要求可开启/关闭。由用户可以控制（不是烧录嵌入进视频里的唯一方式）

视频提供者：教师提供'''视频文件'''的同时需要提供 '''字幕文件'''（推荐.vtt ）

字幕文件示例：

<code>WEBVTT</code>

<code>00:00:01.000 --> 00:00:05.000</code>

<code>欢迎同学们来到本课程</code>

<code>00:00:05.000 --> 00:00:10.000</code>

<code>今天我们讲市场营销基础</code>
----

=== 1.2.3 音频描述或媒体替代 ===
□ 视频视觉信息有 '''音频描述'''

或

□ 提供完整文字版
----

=== 1.2.4 实时字幕 (AA) ===
□ 实时直播课程提供 '''实时字幕'''

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

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

'''Teams:'''

Teams 会议中的Accessibility辅助功能

* 实时字幕（AI生成）：提供自动、实时的字幕，显示谁在说话。
* 实时翻译字幕：允许参与者查看翻译成他们首选语言的字幕。

如何使用实时字幕?

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

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

# 在Teams会议中，点击“More/更多”（三个点）图标。
# 选择录像和实时字幕"Record and transcribe"。
# 选择“开启实时字幕"Start Transcription” 也可以使用键盘快捷键：Alt+Shift+C, MacOS系统: Command (⌘) + Shift + C

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

'''Zoom:'''

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

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

如何开启实时字幕？

# '''在会议控制工具栏中，点击“更多/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]]

----

=== 1.2.5 音频描述 (AA) ===
□ 关键视觉信息有音频描述

'''教师无障碍内容规范'''
* 音频必须提供文字版文本
* 无声视频提供文本说明
* 录播视频必须有字幕
* 直播课程提供实时字幕

----

= 1.3 可适应性 Adaptable =
信息结构必须可程序识别。

信息和关系：通过代码（HTML标签）呈现的网页信息、结构和关系，必须能够通过程序确定或提供文本。例如，使用 <nowiki><h1>~<h6> 表示标题，<ul> 表示列表。</nowiki>

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

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

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

识别输入目的：输入数据的表单字段必须定义明确的用途（如使用 autocomplete 属性），以便辅助技术可以自动填充或标识。
----
{| class="wikitable"
! colspan="undefined" |关键要素
! colspan="undefined" |'''重点'''
'''（适用于教师提供的所有课程资料包括文本内容，PowerPoint,Word,Excel等）'''
! colspan="undefined" |责任方
|-
| colspan="undefined" |信息和关系
| colspan="undefined" |使用文档内置结构（如 Word 标题样式、PPT 版式/标题占位符、Excel表格结构标题行/表头），而不是仅用视觉样式表达结构
| colspan="undefined" |教师（创建内容的人需要正确使用结构工具）
|-
| colspan="undefined" |有意义的序列
| colspan="undefined" |内容顺序逻辑合理清晰（PPT 阅读顺序、Word 线性结构、Excel 表格顺序从左到右、从上到下有逻辑）
| colspan="undefined" |教师
|-
| colspan="undefined" |感知特性
| colspan="undefined" |不仅依赖视觉或位置描述，应使用明确文本说明（如“图1 销售图” 或 “见销售增长图（图1）”而不是“看右边图” ）
| colspan="undefined" |教师
|-
|视图方向
|内容在不同方向或显示方式下仍可理解（不依赖固定版式/方向）
|两者兼有（教师设计内容 + 工具/模板支持）
|-
|识别输入目的
|表单或数据字段有清晰标签（如Word 表单说明、 Excel 列名）
|老师
|}
----

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

□ 标题使用 <code><nowiki><h1> - <h6></nowiki></code>

□ 列表使用 <code><nowiki><ul></nowiki></code> <code><nowiki><ol></nowiki></code>

□ 表格使用 <code><nowiki><th></nowiki></code> <code><nowiki><caption></nowiki></code>

□ 表格关联 header

□ 表单 label 正确绑定

□ Moodle 内容区块结构清晰

□ ARIA landmark 正确使用

□ 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 有意义的顺序Meaningful Sequence ===
□ 阅读顺序正确

□ Tab 顺序正确

□ DOM 顺序符合视觉顺序
----

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

□ “点击红色按钮”

□ “右侧链接”

必须提供文字说明
----

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

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

例如：
----

= 1.4 可区分 Distinguishable =
----

=== 1.4.1 颜色不能作为唯一信息 ===
□ 错误提示不只用红色

□ 状态信息不只用颜色
----

=== 1.4.2 音频控制 ===
□ 自动播放音频可暂停
----

=== 1.4.3 对比度 (AA) ===
文本对比度：'''4.5:1'''

如何查看对比度？

- 使用 WebAIM 对比度检查器等工具或浏览器扩展程序。

Log标志不受 WCAG 对比度要求的约束，但仍应注重易读性。

如何确保超链接对比度？

- 使用颜色和下划线使超链接与周围的文本区分开来。

大字：'''3:1'''

检查：

□ Moodle 主题颜色

□ 按钮

□ 菜单

□ 链接

□ 表单
----

=== 1.4.4 可调整文本大小 ===
□ 文本可放大 '''200%'''

无功能损失
----

=== 1.4.5 图像文字 ===
□ 避免使用图片文字
----

=== 1.4.10 Reflow (AA) ===
□ 在 '''320px 宽度'''下可用
----

=== 1.4.11 非文本对比度 ===
UI 元素对比度：

'''3:1'''

例如：

□ 按钮边框

□ 表单框

□ 图标
----

=== 1.4.12 文本间距 ===
用户可调整：

内容不破坏
----

=== 1.4.13 Hover / Focus 内容 ===
弹出提示必须：

□ 可关闭

□ 可悬停

□ 不自动消失
----

= 二、可操作 Operable =
用户必须可以 '''操作界面'''
----

= 2.1 键盘可访问 =
----

=== 2.1.1 键盘操作 ===
□ 所有功能可用键盘操作

□ Moodle 菜单可键盘访问

□ 活动模块可键盘操作
----

=== 2.1.2 无键盘陷阱 ===
□ Tab 可以离开任何组件
----

=== 2.1.4 单字符快捷键 ===
□ 提供关闭选项
----

= 2.2 足够时间 =
----

=== 2.2.1 可调整时间 ===
□ 测验时间可延长

□ session timeout 提示
----

=== 2.2.2 暂停 / 停止 ===
□ 自动轮播可暂停
----

= 2.3 癫痫安全 =
----

=== 2.3.1 三次闪烁 ===
□ 页面无 >3Hz 闪烁

在 Moodle 课程内容中不要使用每秒闪烁超过 3 次的动画或视频，否则可能违反无障碍标准。

'''视频：如果你在 Moodle 上传或嵌入视频'''

需要避免

* 快速闪烁的灯光效果
* 频繁切换的动画（>3 次/秒）
* 强烈红色闪烁

解决方法

* 使用正常剪辑节奏的视频
* 删除快速闪烁片段
* 如果是演示视频，避免快速动画

'''GIF 动图或动画'''

老师在 Moodle 页面放 '''GIF 动图'''。

无障碍要求

* 动图不能快速闪烁
* 动图循环速度不能超过 3 Hz

建议

* 使用慢速动画
* 或改成静态图片

'''页面通知或提醒'''

有些主题或插件或者其他代码会使用闪烁提醒。

例如：

* 新作业提醒
* 警告信息

必须确保：

* 不要快速闪烁
* 最好使用颜色或图标而不是闪烁

'''判断方法'''

如果肉眼看到内容像警报灯一样快速闪，基本就可能超过 3 Hz。

安全做法：

静态图片

缓慢动画

不闪烁的提示

避免：

快速闪烁

频繁颜色切换

红色闪光效果
----

= 2.4 可导航 =
----

=== 2.4.1 跳过重复内容 ===
□ 提供 '''Skip to main content'''
----

=== 2.4.2 页面标题 ===
□ 每页唯一标题
----

=== 2.4.3 焦点顺序 ===
□ Tab 顺序逻辑正确
----

=== 2.4.4 链接目的 ===
□ 链接文本清晰

避免：
----

=== 2.4.5 多种导航 (AA) ===
必须至少两种：

□ 搜索

□ sitemap

□ 目录

□ breadcrumb
----

=== 2.4.6 标题与标签 ===
□ 标题描述清晰
----

=== 2.4.7 可见焦点 ===
□ focus outline 明显
----

= 2.5 输入方式 =
----

=== 2.5.1 指针手势 ===
□ 不依赖复杂手势
----

=== 2.5.2 指针取消 ===
□ 点击可取消
----

=== 2.5.3 标签与名称一致 ===
按钮：

视觉文字 = accessible name
----

=== 2.5.4 运动激活 ===
□ 可关闭
----

= 三、可理解 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.1 页面语言 ===
□ <code><html lang="en"></code>
----

=== 3.1.2 内容语言 ===
□ 外语段落标记 lang
----

= 3.2 可预测 =
----

=== 3.2.1 焦点不触发变化 ===
□ focus 不自动跳页
----

=== 3.2.2 输入不触发变化 ===
□ 输入字段不自动提交
----

=== 3.2.3 一致导航 ===
□ Moodle 页面导航一致
----

=== 3.2.4 一致识别 ===
□ 相同组件外观一致
----

= 3.3 输入帮助 =
----

=== 3.3.1 错误识别 ===
□ 错误提示明确
----

=== 3.3.2 标签或说明 ===
□ 表单有 label
----

=== 3.3.3 错误建议 ===
□ 提供修复建议
----

=== 3.3.4 错误预防 (AA) ===
重要表单：

□ 可确认

□ 可撤销

□ 可复查
----

= 四、稳健 Robust =
----

= 4.1 兼容性 =
----

=== 4.1.1 解析 ===
□ HTML 无严重错误
----

=== 4.1.2 名称 / 角色 / 值 ===
□ ARIA 正确使用

□ UI 控件 role 正确

□ 状态可读

例如：
----

=== 4.1.3 状态信息 (AA) ===
□ 动态信息可被屏幕阅读器读取

例如：
----

= Moodle 特有检查 =
----

== Moodle 主题 ==
□ 主题对比度符合标准

□ Skip navigation 存在

□ 响应式布局可访问

□ 移动端支持
----

== Moodle 插件 ==
□ 插件支持键盘

□ 插件有 ARIA

□ 插件无颜色依赖
----

== Moodle 课程内容 ==
□ PDF 可访问

□ Word 可访问

□ PPT 可访问

□ 视频有字幕

□ 图片有 alt
----

= 文档内容合规 =
必须确保：
----

=== PDF ===
□ Tagged PDF

□ 正确 heading

□ 语言

□ alt text
----

=== Word ===
□ Heading styles

□ alt text

□ 列表语义
----

=== PowerPoint ===
□ reading order

□ alt text
----

= 视频 =
□ 字幕

□ transcript

□ audio description
----

= ADA 法律要求附加 =
网站必须提供：

□ Accessibility Statement

□ 联系方式

□ 无障碍支持渠道
----

= 自动化测试工具 =
建议使用：

□ axe DevTools

□ WAVE

□ Lighthouse

□ NVDA

□ JAWS
----

= 合规完成标准 =
当以下全部满足：

✔ WCAG 2.1 Level AA

✔ ADA Title III

= Kepha Moodle WCAG2.1AA_Checklist =
下载此文件，并用浏览器打开

= FAQ 常见问题解答[[File:ImageFAQ.png|alt=ImageFAQ|frameless|74x74px]] =
替代文本？
{| class="wikitable"
|如何为图表编写替代文字？
|在替代文字中总结关键信息。在上下文中提供完整的数据描述，或链接数据表。例如：“柱状图显示每月缺勤人数：1 月总计 30 人，2 月总计 25 人，3 月总计 28 人。”
|-
|装饰性图片是否应该添加替代文字？
|如果图片纯粹是装饰性的，请使用 alt=""，以便屏幕阅读器跳过它。
|-
|如何为嵌入文本的图片编写替代文字？
|如果图片包含关键文字，请将其添加到替代文字中。如果文字较长，请进行概括，并在其他地方提供完整版本。例如：“无障碍峰会活动宣传单，6月15日，主讲嘉宾：John Doe。”
|-
|我应该如何处理logo的替代文字？
|请使用公司或组织名称。例如：“Google 标志”，而不是“蓝红字母拼写的 Google”。
|-
|那么像信息图这类复杂的图像呢？
|在替代文本中提供简短摘要。在上下文文本中或以链接文档的形式提供完整描述。例如：“信息图总结了无障碍最佳实践。完整描述见下方文本。”
|}

对比度
{| class="wikitable"
|如何查看对比度？
|使用 WebAIM 对比度检查器等工具或浏览器扩展程序。
|-
|那么，标志呢？
|标志不受 WCAG 对比度要求的约束，但仍应注重易读性。
|-
|如何确保超链接对比度？
|使用颜色和下划线使超链接与周围的文本区分开来。
|-
|背景可以使用透明效果吗？
|避免使用透明度过高的背景，以免降低对比度，影响可读性。
|-
|如果我的品牌/模板颜色不符合对比度要求怎么办？
|调整遮阳强度或提供其他无障碍设计方案
|}

标题
{| class="wikitable"
|一份文档或网页应该有多少个 H1 标签？
|每个文档或页面应该只有一个 H1 标签，通常用作主标题。
|-
|我可以用粗体字代替标题吗？
|不可以，粗体文本并不能提供正规标题的结构优势。请使用真正的标题样式。
|-
|如果某个章节不需要标题怎么办？
|请使用段落正文。不要为了增加间距而插入空标题。
|-
|如何测试我的标题结构是否正确？
|使用屏幕阅读器或辅助工具按标题导航。
|-
|表格中是否需要使用标题？
|仅当表格需要分段时才使用；否则，请使用表格标题。
|}
描述性链接
{| class="wikitable"
|当链接到一个下载文件的链接时，如何编写描述性链接
|
* 请注明文件类型和用途（例如，“下载无障碍 PDF 指南 [PDF]”）。
* 避免使用“点击此处下载”之类的通用文本。
|-
|如果我的内容包含指向同一目标的多个链接，该怎么办？
|
* 使用一致、描述性的链接文本，但避免过度重复。
* 如有必要，请添加上下文（例如，“注册参加活动（9-11年级）”与“注册参加活动（高年级）”）。
|-
|导航菜单中的链接应该如何处理？
|
* 使用清晰简洁的菜单标签（例如，“辅助功能资源”而不是“更多信息”）。
* 确保菜单结构按逻辑顺序将相关链接分组。
|-
|特定行动Call to Action (CTA) 按钮中的链接呢？如联系我们，立即付款，免费下载等
|
* 按钮文字应具有行动导向性和针对性（例如，“注册参加研讨会”而不是“点击注册”）。
* 确保按钮文字本身就能为使用辅助技术的用户提供必要的上下文信息。
|-
|如何确保文档中的链接可访问？
|
* 除非必要，否则请避免使用原始URL。
* 确保文档中的超链接颜色与周围文本具有足够的对比度，并且能够区分开来。
* 如果要在打印文档中添加链接，请以可读格式提供完整的 URL。
|}

多媒体无障碍访问
{| class="wikitable"
|如何制作准确的字幕？
|老师尽可能提供视频字幕源文件，可使用专业字幕服务或人工智能辅助工具，然后人工审核准确性。如果需要协助，可联系课程部署专员帮助开启自动生成字幕，然后由老师或助教人工审核准确性。
|-
|自动生成的字幕就足够了吗？
|不够，自动生成的字幕经常会有错误。务必检查、编辑以及人工审核。
|-
|什么情况下需要音频描述？
|如果视频包含对话无法传达的重要视觉信息。
|-
|什么是无障碍媒体播放器？
|支持字幕、键盘导航和屏幕阅读器兼容性的播放器。
|-
|我应该如何处理实时视频的无障碍访问问题？
|提供实时字幕，并尽可能提供美国手语翻译。
|}

= 按内容类型划分的课程资料 =

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

==== 演示可访问性的关键原则 ====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|每张幻灯片都要使用幻灯片标题
|
* 每张幻灯片都应该有一个独特且描述性的标题。
* 避免使用空白标题——这有助于使用屏幕阅读器的用户进行导航。
|启用大纲视图（PowerPoint）或检查 Google 幻灯片中的幻灯片标题。
|-
|请确保阅读顺序正确。
|
* 将幻灯片内容按逻辑顺序排列。
* 使用选择窗格（PowerPoint）或 Tab 键导航来验证顺序。
|使用 Tab 键在幻灯片之间切换——确保元素按有意义的顺序排列。
|-
|使用易于理解的文本格式
|
* 使用无衬线字体（例如 Arial、Calibri、Verdana）。
* 为了保证可读性，请确保字体大小至少为 24 磅。
* 保持文字与背景之间的高对比度。
|在 PowerPoint 或 Google Slides 中运行辅助功能检查器。
|-
|为图像和图形提供替代文本
|
* 为有意义的图片、图表和信息图添加描述性替代文字。
* 将装饰性图像标记为装饰性（PowerPoint）或留空。
|右键单击图像并选择“替代文本”。
|-
|确保链接具有描述性
|
* 请使用有意义的链接文本，而不是原始URL。
* 例如：“了解更多无障碍信息”而不是“点击此处”。
|扫描“点击此处”之类的通用短语，并将其替换为上下文相关的链接。
|-
|避免仅以颜色作为沟通手段。
|
* 使用图案、标签或下划线来区分关键元素。
* 避免使用红色/绿色组合，因为这可能会给色盲用户带来困扰。
|以灰度模式查看幻灯片，或使用颜色对比度检查器。
|-
|为现场演示启用自动字幕
|
* 使用内置字幕工具
* 提供预先录制演示文稿的文字稿。
|启用实时字幕并测试其准确性。
|-
|以易于访问的格式分享演示文稿
|
* 将幻灯片导出为带标签的 PDF 文件，以保留其结构。
* 避免以图片或扫描版 PDF 的形式分发幻灯片。
|在 Adobe Acrobat 中打开导出的 PDF 文件，并使用辅助功能检查器。
|}
[https://aem.cast.org/create/creating-accessible-documents '''如何制作/创建无障碍文件/文稿''']

[https://webaim.org/techniques/powerpoint/ '''微软 PowerPoint 辅助功能''']

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

==== 文档可访问性的关键原则 ====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|使用正确的标题和结构
|
* 应用真正的标题样式（H1、H2、H3 等），而不是仅仅加粗文本。
* 保持逻辑顺序（例如，不要从 H1 跳到 H3）。
* 确保标题准确描述各部分内容。
|使用文档内置的导航窗格（Word/Google Docs）来验证结构。
|-
|为图片提供替代文字
|
* 为有意义的图片添加简洁但描述性的替代文字。
* 装饰性图片应标记为装饰性图片（Word），或不添加替代文字。
* 如果图像传达了复杂的数据（例如图表），请在附近添加文字摘要。
|右键单击图像，查看是否有“替代文本”选项。
|-
|确保链接具有描述性
|
* 使用有意义的链接文本（例如，“查看无障碍指南”而不是“点击此处”）。
* 除非必要，否则请避免使用原始URL。
|扫描文档，查找“点击此处”或“阅读更多”之类的短语，并将其替换为描述性文字。
|-
|正确使用表格
|
* 使用表格属性定义列标题。
* 避免合并单元格或空单元格，以免扰乱阅读顺序。
* 添加表格标题或摘要以提供背景信息。
|在 Word 中，选择表格，转到“表格设计”，然后检查是否有表头行。
|-
|确保足够的色彩对比度
|
* 确保文字与其背景的对比度至少为 4.5:1。
* 避免仅使用颜色来传达含义。
|使用颜色对比度检查器或将文档转换为灰度图进行测试。
|-
|使用易于访问的字体和格式
|
* 选择易读字体（例如 Arial、Calibri、Verdana）。
* 正文字体大小至少使用 12 磅。
* 为了保证可读性，请确保行距至少为 1.5。
|扫描文档，检查是否有字太小或难以辨认的文字。
|-
|请核对阅读顺序和逻辑流程
|
* 请确保按预期顺序阅读内容（尤其是在 PDF 文件中）。
* 避免将文本放置在会干扰导航的浮动文本框中。
|使用 Tab 键导航或屏幕阅读器预览。
|-
|（如有需要）转换为易于访问的PDF格式
|
* 从 Word/Docs 正确导出，而不是打印成 PDF。
* 确保标签、替代文本和标题保持不变。
* 请使用 Adobe Acrobat 的辅助功能检查器进行验证。
|在 Acrobat 中，打开辅助功能检查器（工具 > 辅助功能 > 全面检查）。
|}

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

==== 视频和音频无障碍访问的关键原则 ====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|为所有视频内容提供字幕
|
* 字幕应同步、准确、完整。
* 使用可开启或关闭的隐藏式字幕。
* 包括说话人识别和非语音声音（例如，[播放音乐]）。
|启用字幕，并通过观看视频来验证其准确性。
|-
|提供音频和视频的文字稿
|
* 文字稿应包含对话内容和相关声音。
* 提供可下载的文本或HTML格式的成绩单。
|打开文字稿，确认其与口语内容一致。
|-
|为视觉内容提供音频描述
|
* 音频描述会叙述对话中未传达的重要视觉细节。
* 对于包含大量视觉元素（例如图表、演示）的视频来说，这一点尤为重要。
|播放带有音频描述的视频，并确认关键画面已进行描述。
|-
|使用易于访问的媒体播放器
|
* 确保键盘可以操作播放控制功能。
* 提供对比度友好的界面，以提高可视性。
|仅使用键盘和屏幕阅读器测试媒体控制。
|-
|确保实时视频可访问
|
* 为网络研讨会和虚拟会议提供实时字幕。
* 考虑提供手语翻译服务。
|启用实时字幕，并在播放过程中确认字幕准确性。
|}

===== '''<u>PDF文档</u>''' =====
PDF 是一种常见的文档共享格式，但它在可访问性方面存在一些挑战。以下将帮助您决定何时使用 PDF，何时避免使用 PDF，以及在必要时如何提高 PDF 的可访问性。
----

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

* 通用格式：PDF 文件在不同设备和操作系统上保持格式一致。
* 安全功能：PDF 文件可以限制编辑或保护敏感信息。
* 可直接打印：非常适合需要按设计原样打印的文档（例如，宣传册、传单）。

缺点

* 可访问性挑战：PDF 文件通常缺乏屏幕阅读器所需的正确结构（例如，缺少标签、阅读顺序问题）。
* 难以编辑：'''修复辅助功能问题需要 Adobe Acrobat Pro 等专业软件。'''
* 不适合移动设备：与响应式网页不同，PDF 文件在小屏幕上难以浏览。

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

====== 何时应避免使用PDF文件？ ======
* 简单的文本内容：对于简单的内容（例如，新闻通讯、更新），请'''使用网页'''或易于访问的 Word 文档。
* 交互式内容：'''除非能确保完全的交互性和可访问性，否则请避免使用 PDF 格式的表单或应用程序。'''
* 需要频繁更新：对于经常更改的内容，请避免使用 PDF；更新网页效率更高，并可确保用户访问最新版本。

[https://helpx.adobe.com/acrobat/using/creating-accessible-pdfs.html '''创建易于访问的PDF文件''']

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

==== 网络平台及社交媒体内容可访问性的关键原则 ====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|撰写描述性强、清晰易懂的文本
|
* 使用通俗易懂的语言，避免使用不必要的术语。
* 标签中的每个单词都要大写（#驼峰式命名法，而不是 #全部小写）。
* 帖子内容应简洁明了，便于阅读，并注意适当的间距。
|请大声朗读这篇文章，以确保其清晰易懂。
|-
|为图片提供替代文字
|
* 为所有有意义的图片添加替代文字。
* 描述要详尽但要简洁（重点突出关键细节）。
|启用屏幕阅读器并验证图像的描述方式。
|-
|确保视频内容包含字幕和文字稿。
|
* 使用自动生成的字幕并手动校正，或者上传您自己的字幕。
* 提供成绩单链接。
|打开字幕播放视频，并核实其准确性。
|-
|使用描述性链接
|
* 避免使用通用的“点击此处”短语——使用清晰明了的链接文本。
* 使用易于访问的 URL 缩短服务缩短链接，这些服务允许使用描述性别名。
|检查所有链接，确保它们指向正确的目的地。
|-
|使表情符号和特殊字符清晰可读
|
* 请谨慎使用表情符号，因为屏幕阅读器会将其朗读出来。
* 表情符号应放在句末，不要放在文本中间。
* 避免过度使用特殊字符和符号。
|使用屏幕阅读器测试表情符号和特殊字符的朗读方式。
|-
|确保帖子可通过键盘浏览。
|
* 交互元素（投票、按钮、表单）应可通过 Tab 键和 Enter 键访问。
* 避免使用需要悬停操作而没有其他替代方案的交互式图形。
|尝试仅使用键盘浏览帖子。
|-
|提供高对比度的图像和图形
|
* 图片中的文字与背景的对比度应至少为 4.5:1。
* 避免在明亮的背景上使用浅色文字。
|使用对比度检查器验证清晰度。
|-
|限制动画和闪烁内容
|
* 避免快速闪烁的内容，以防止诱发癫痫发作。
* 如果适用，请提供暂停或停止动画的选项。
|播放动画并确保其符合 WCAG 闪烁阈值。
|}

= 更多详细信息请参考以下资料 =
[https://www.w3.org/WAI/WCAG22/quickref/?versions=2.1 '''How to Meet WCAG (Quick Reference)''']

[https://www.w3.org/WAI/standards-guidelines/wcag/new-in-21/ '''What’s New in WCAG 2.1''']

Accessibility

2026-03-24T17:56:13Z

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

== '''CIU Kepha Moodle Accessibility''' 合规 ==

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

* Kepha Moodle LMS 平台本身
* Moodle 主题 (Theme)
* 插件 (Plugins)
* 课程页面
* 教学内容,包含多媒体（PDF、PPT、视频、音频、Word、HTML等）
* 对于标识适用于developer的，则由IT开发人员解决，其他内容由教授/助教/课程部署人员等内容负责人解决。

本页面内容及清单附件可作为：

* 教学部门、课程设计部署人员，以及IT的合规标准
* ADA 合规自我审计 checklist
'''Accessibility / 无障碍'''

* 无障碍是指残疾人或者年老的人能够以同样有效、同样融合的方式获取相同的信息、参与相同的互动、享受相同的服务，并且使用起来与健全人基本相同。
* 无障碍环境的形成受到我们的行为、我们与环境的互动以及我们的个人偏好的影响。
* 无障碍环境对某些人来说至关重要，对所有人都有用。

* 辅助技术目的是解决残疾人士在完成任务时可能遇到的特定障碍。辅助技术的例子包括文本转语音、屏幕阅读器和语音识别。
* 无障碍技术旨在满足众多不同用户的需求。这类技术包含一些可由用户自定义的功能，以满足其个性化需求。

== '''WCAG2.1 四大原则''' ==

== 1. 可感知性 (Perceivable) ==
'''核心思想：''' 用户必须能够通过视觉、听觉或触觉接收到信息。信息不能对所有的感官都是不可见的。

* '''实例：''' * 为图片提供'''替代文本 (Alt text)'''，方便视障人士通过读屏软件了解内容。
** 为视频提供'''字幕'''，方便听障人士。
** 确保文字与背景之间有足够的'''色彩对比度'''。

== 2. 可操作性 (Operable) ==
'''核心思想：''' 用户必须能够操作界面，且界面不能要求用户进行他们无法完成的操作。

* '''实例：''' * '''纯键盘操作：''' 所有功能都能仅通过键盘（无需鼠标）完成。
** '''充足的时间：''' 给用户留出足够的阅读和操作时间，不要让弹窗消失得太快。
** '''防诱发癫痫：''' 设计时避免使用可能诱发癫痫的高频闪烁内容。

== 3. 可理解性 (Understandable) ==
'''核心思想：''' 用户必须能够理解信息以及界面的操作逻辑。内容不能超出用户的理解范围。

* '''实例：''' * '''语言明确：''' 标明网页使用的是哪种语言。
** '''预测性：''' 导航栏和按钮在不同页面上的位置和表现应当保持一致。
** '''错误辅助：''' 当用户填错表单时，提供清晰的错误提示和修改建议。

== 4. 稳健性 (Robust) ==
'''核心思想：''' 内容必须能够随着技术的发展（如浏览器升级、辅助技术更新）保持兼容性。

* '''实例：''' * '''规范化代码：''' 使用符合标准的 HTML/XML 标签，确保主流浏览器和读屏软件都能准确解析。
** '''兼容辅助技术：''' 确保盲人点显器或语音控制软件能顺利读取网页数据。

----<blockquote>'''一句话总结：''' 如果一个页面能被'''看/听到'''（感知）、能被'''点到'''（操作）、能被'''看懂'''（理解），并且在'''各种设备上都不崩溃'''（稳健），那它就基本符合了 WCAG 的核心精神。</blockquote>
----

= Moodle LMS ADA / WCAG 2.1 AA 完整合规检查清单 =
（适用于 Moodle 平台、课程内容、主题、插件）
----

= 一、可感知 Perceivable - 用户必须能够 '''感知内容信息''' =

= 1.1 文本替代 (Text Alternatives) =

=== 1.1.1 非文本内容 ===
必须为所有非文本内容提供替代文本。

检查项：

□ 所有图片都有 '''alt text'''

□ 装饰图片使用 <code>alt=""</code>

□ 图标按钮有可访问名称

□ 图表有文字说明

□ 图形有数据表或描述

□ 数学公式可被屏幕阅读器读取

□ CAPTCHA 提供音频或替代方案

□ 图像地图提供文本链接

'''操作步骤示例（适用于课程页面、标签（Label）、页面（Page）、论坛、测验题目、书籍（Book）等）：'''

# 打开课程并开启 '''编辑模式'''。
# 在文本编辑器（如 '''TinyMCE'''）中插入图片。
# 在 '''Alternative text / Image description''' 字段填写图片描述。如普通描述：Front entrance of the University Library building on campus / 校园大学图书馆大楼正门。或者想要强调建筑的描述：哥伦比亚国际大学校园图书馆玻璃正门建筑。当这样提供替代文本（alt text）后，屏幕阅读器即可使看不到图片的用户，也能理解图片内容

示例图片：
[[File:Front entrance of the University Library building on campus.png|center|thumb|720x720px]]

代码： <img src="university-library-front-entrance.jpg" alt="哥伦比亚国际大学图书馆玻璃正门建筑">

好的alt text举例： “CIU学生在大学图书馆里安静地学习” 不好的 alt text 示例： “图书馆图片”

装饰图片使用 alt=""如果图片只是装饰（例如分隔线、背景图）：

在插入图片时：Alt text: "" 勾选：Image is decorative

这样屏幕阅读器会跳过该图片。

语言一致性：替代文本必须与周围网页内容的语言保持一致。如果您的页面是中文的，则替代文本也应为中文。如果主要内容是英文的，则替代文本也应为英文，除非图像明确包含中文文本。

我们要问自己：如果你的学生看不到这张图片时，他需要知道什么？这就是alt text 的作用。

原则: 描述图片传达的信息或功能。

'''仅适用于Developer''': 图标按钮有可访问名称

<code><button aria-label="Download assignment template"></code>

<code> <nowiki><i class="icon-download"></i></nowiki></code>

<code></button></code>

或者

<code><a href="file.pdf" aria-label="Download PDF"></code>

<code> <nowiki><i class="fa fa-file"></i></nowiki></code>

<code></a></code>

'''教师/课程部署人员无障碍内容规范'''：

# 图片必须填写 alt text
# 图表必须有文字解释
# 不允许用图片代替文本
# 公式必须使用 MathJax

= 1.2 基于时间的媒体 (Time-based Media) =

=== 1.2.1 纯音频 / 纯视频 ===
□ 音频提供 '''完整文字稿'''

□ 无声视频提供 '''文本说明'''

'''''常见不合规'''''

* 只有音频，没有提供音频完整文稿
* 无声视频没有提供文本说明
* 只有摘要（summary）没有全文
* 自动生成但未校对（错误严重）
* 图片形式的文字稿（不可读屏）
简单来说，所有“听得到或看得到”的内容，都必须能“读得到”

'''合规做法'''

方法1：页面内直接提供文字稿

'''示例：'''

标题：第3讲：市场营销基础（音频）

[音频播放器]

文字稿：

老师：今天我们讲的是市场细分…

（完整逐字稿文本）

'''添加方法：''' 打开课程 → 添加 “网页（Page）” 或 “标签（Label）”

方法2：单独文件 + 链接

* 上传：
** lecture3.mp3
** lecture3-transcript.pdf / .html / .docx

页面写：

🎧 音频：第3讲

📄 文字稿下载：[点击查看文字稿]

纯视频（无声）的做法

示例：上传一个“无声操作演示视频”

标题：如何提交作业（演示视频）

[视频]

文字说明：

1. 打开课程页面

2. 点击“作业1”

3. 点击“添加提交”

4. 上传文件

5. 点击保存

视频展示了以上操作流程。

* 要描述'''视觉信息'''
* 不是简单一句话，而是'''步骤或说明'''

'''''常见不合规'''''

* 视频无声 + 无任何说明
* 只有标题，没有内容解释
* 用“看视频即可”替代说明<br />
----

=== 1.2.2 预录媒体字幕 ===
□ 所有视频提供 '''同步字幕'''

也就是说，所有“有声音的视频”必须提供同步字幕（captions）是'''字幕（同步），''' 不是 transcript（文字稿不能替代）

“能听到声音的视频”，必须让用户“同步读到内容”

视频审核checklist

* 是否有字幕（captions）
* 是否同步
* 是否完整（含音效）
* 是否可开启/关闭
* 自动字幕是否已校对

请视频提供者提供同步字幕文件。如果没有，则可由课程部署人员自动生成后，由教师或助教进行校对。

同步字幕要求可开启/关闭。由用户可以控制（不是烧录嵌入进视频里的唯一方式）

视频提供者：教师提供'''视频文件'''的同时需要提供 '''字幕文件'''（推荐.vtt ）

字幕文件示例：

<code>WEBVTT</code>

<code>00:00:01.000 --> 00:00:05.000</code>

<code>欢迎同学们来到本课程</code>

<code>00:00:05.000 --> 00:00:10.000</code>

<code>今天我们讲市场营销基础</code>
----

=== 1.2.3 音频描述或媒体替代 ===
□ 视频视觉信息有 '''音频描述'''

或

□ 提供完整文字版
----

=== 1.2.4 实时字幕 (AA) ===
□ 实时直播课程提供 '''实时字幕'''

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

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

'''Teams:'''

Teams 会议中的Accessibility辅助功能

* 实时字幕（AI生成）：提供自动、实时的字幕，显示谁在说话。
* 实时翻译字幕：允许参与者查看翻译成他们首选语言的字幕。

如何使用实时字幕?

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

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

# 在Teams会议中，点击“More/更多”（三个点）图标。
# 选择录像和实时字幕"Record and transcribe"。
# 选择“开启实时字幕"Start Transcription” 也可以使用键盘快捷键：Alt+Shift+C, MacOS系统: Command (⌘) + Shift + C

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

'''Zoom:'''

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

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

如何开启实时字幕？

# '''在会议控制工具栏中，点击“更多/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]]

----

=== 1.2.5 音频描述 (AA) ===
□ 关键视觉信息有音频描述

'''教师无障碍内容规范'''
* 音频必须提供文字版文本
* 无声视频提供文本说明
* 录播视频必须有字幕
* 直播课程提供实时字幕

----

= 1.3 可适应性 Adaptable =
信息结构必须可程序识别。

信息和关系：通过代码（HTML标签）呈现的网页信息、结构和关系，必须能够通过程序确定或提供文本。例如，使用 <nowiki><h1>~<h6> 表示标题，<ul> 表示列表。</nowiki>

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

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

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

识别输入目的：输入数据的表单字段必须定义明确的用途（如使用 autocomplete 属性），以便辅助技术可以自动填充或标识。
----
{| class="wikitable"
! colspan="undefined" |关键要素
! colspan="undefined" |'''重点'''
'''（适用于教师提供的所有课程资料包括文本内容，PowerPoint,Word,Excel等）'''
! colspan="undefined" |责任方
|-
| colspan="undefined" |信息和关系
| colspan="undefined" |使用文档内置结构（如 Word 标题样式、PPT 版式/标题占位符、Excel表格结构标题行/表头），而不是仅用视觉样式表达结构
| colspan="undefined" |教师（创建内容的人需要正确使用结构工具）
|-
| colspan="undefined" |有意义的序列
| colspan="undefined" |内容顺序逻辑合理清晰（PPT 阅读顺序、Word 线性结构、Excel 表格顺序从左到右、从上到下有逻辑）
| colspan="undefined" |教师
|-
| colspan="undefined" |感知特性
| colspan="undefined" |不仅依赖视觉或位置描述，应使用明确文本说明（如“图1 销售图” 或 “见销售增长图（图1）”而不是“看右边图” ）
| colspan="undefined" |教师
|-
|视图方向
|内容在不同方向或显示方式下仍可理解（不依赖固定版式/方向）
|两者兼有（教师设计内容 + 工具/模板支持）
|-
|识别输入目的
|表单或数据字段有清晰标签（如Word 表单说明、 Excel 列名）
|老师
|}
----

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

□ 标题使用 <code><nowiki><h1> - <h6></nowiki></code>

□ 列表使用 <code><nowiki><ul></nowiki></code> <code><nowiki><ol></nowiki></code>

□ 表格使用 <code><nowiki><th></nowiki></code> <code><nowiki><caption></nowiki></code>

□ 表格关联 header

□ 表单 label 正确绑定

□ Moodle 内容区块结构清晰

□ ARIA landmark 正确使用

□ 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 有意义的顺序Meaningful Sequence ===
□ 阅读顺序正确

□ Tab 顺序正确

□ DOM 顺序符合视觉顺序
----

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

□ “点击红色按钮”

□ “右侧链接”

必须提供文字说明
----

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

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

例如：
----

= 1.4 可区分 Distinguishable =
----

=== 1.4.1 颜色不能作为唯一信息 ===
□ 错误提示不只用红色

□ 状态信息不只用颜色
----

=== 1.4.2 音频控制 ===
□ 自动播放音频可暂停
----

=== 1.4.3 对比度 (AA) ===
文本对比度：'''4.5:1'''

如何查看对比度？

- 使用 WebAIM 对比度检查器等工具或浏览器扩展程序。

Log标志不受 WCAG 对比度要求的约束，但仍应注重易读性。

如何确保超链接对比度？

- 使用颜色和下划线使超链接与周围的文本区分开来。

大字：'''3:1'''

检查：

□ Moodle 主题颜色

□ 按钮

□ 菜单

□ 链接

□ 表单
----

=== 1.4.4 可调整文本大小 ===
□ 文本可放大 '''200%'''

无功能损失
----

=== 1.4.5 图像文字 ===
□ 避免使用图片文字
----

=== 1.4.10 Reflow (AA) ===
□ 在 '''320px 宽度'''下可用
----

=== 1.4.11 非文本对比度 ===
UI 元素对比度：

'''3:1'''

例如：

□ 按钮边框

□ 表单框

□ 图标
----

=== 1.4.12 文本间距 ===
用户可调整：

内容不破坏
----

=== 1.4.13 Hover / Focus 内容 ===
弹出提示必须：

□ 可关闭

□ 可悬停

□ 不自动消失
----

= 二、可操作 Operable =
用户必须可以 '''操作界面'''
----

= 2.1 键盘可访问 =
----

=== 2.1.1 键盘操作 ===
□ 所有功能可用键盘操作

□ Moodle 菜单可键盘访问

□ 活动模块可键盘操作
----

=== 2.1.2 无键盘陷阱 ===
□ Tab 可以离开任何组件
----

=== 2.1.4 单字符快捷键 ===
□ 提供关闭选项
----

= 2.2 足够时间 =
----

=== 2.2.1 可调整时间 ===
□ 测验时间可延长

□ session timeout 提示
----

=== 2.2.2 暂停 / 停止 ===
□ 自动轮播可暂停
----

= 2.3 癫痫安全 =
----

=== 2.3.1 三次闪烁 ===
□ 页面无 >3Hz 闪烁

在 Moodle 课程内容中不要使用每秒闪烁超过 3 次的动画或视频，否则可能违反无障碍标准。

'''视频：如果你在 Moodle 上传或嵌入视频'''

需要避免

* 快速闪烁的灯光效果
* 频繁切换的动画（>3 次/秒）
* 强烈红色闪烁

解决方法

* 使用正常剪辑节奏的视频
* 删除快速闪烁片段
* 如果是演示视频，避免快速动画

'''GIF 动图或动画'''

老师在 Moodle 页面放 '''GIF 动图'''。

无障碍要求

* 动图不能快速闪烁
* 动图循环速度不能超过 3 Hz

建议

* 使用慢速动画
* 或改成静态图片

'''页面通知或提醒'''

有些主题或插件或者其他代码会使用闪烁提醒。

例如：

* 新作业提醒
* 警告信息

必须确保：

* 不要快速闪烁
* 最好使用颜色或图标而不是闪烁

'''判断方法'''

如果肉眼看到内容像警报灯一样快速闪，基本就可能超过 3 Hz。

安全做法：

静态图片

缓慢动画

不闪烁的提示

避免：

快速闪烁

频繁颜色切换

红色闪光效果
----

= 2.4 可导航 =
----

=== 2.4.1 跳过重复内容 ===
□ 提供 '''Skip to main content'''
----

=== 2.4.2 页面标题 ===
□ 每页唯一标题
----

=== 2.4.3 焦点顺序 ===
□ Tab 顺序逻辑正确
----

=== 2.4.4 链接目的 ===
□ 链接文本清晰

避免：
----

=== 2.4.5 多种导航 (AA) ===
必须至少两种：

□ 搜索

□ sitemap

□ 目录

□ breadcrumb
----

=== 2.4.6 标题与标签 ===
□ 标题描述清晰
----

=== 2.4.7 可见焦点 ===
□ focus outline 明显
----

= 2.5 输入方式 =
----

=== 2.5.1 指针手势 ===
□ 不依赖复杂手势
----

=== 2.5.2 指针取消 ===
□ 点击可取消
----

=== 2.5.3 标签与名称一致 ===
按钮：

视觉文字 = accessible name
----

=== 2.5.4 运动激活 ===
□ 可关闭
----

= 三、可理解 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.1 页面语言 ===
□ <code><html lang="en"></code>
----

=== 3.1.2 内容语言 ===
□ 外语段落标记 lang
----

= 3.2 可预测 =
----

=== 3.2.1 焦点不触发变化 ===
□ focus 不自动跳页
----

=== 3.2.2 输入不触发变化 ===
□ 输入字段不自动提交
----

=== 3.2.3 一致导航 ===
□ Moodle 页面导航一致
----

=== 3.2.4 一致识别 ===
□ 相同组件外观一致
----

= 3.3 输入帮助 =
----

=== 3.3.1 错误识别 ===
□ 错误提示明确
----

=== 3.3.2 标签或说明 ===
□ 表单有 label
----

=== 3.3.3 错误建议 ===
□ 提供修复建议
----

=== 3.3.4 错误预防 (AA) ===
重要表单：

□ 可确认

□ 可撤销

□ 可复查
----

= 四、稳健 Robust =
----

= 4.1 兼容性 =
----

=== 4.1.1 解析 ===
□ HTML 无严重错误
----

=== 4.1.2 名称 / 角色 / 值 ===
□ ARIA 正确使用

□ UI 控件 role 正确

□ 状态可读

例如：
----

=== 4.1.3 状态信息 (AA) ===
□ 动态信息可被屏幕阅读器读取

例如：
----

= Moodle 特有检查 =
----

== Moodle 主题 ==
□ 主题对比度符合标准

□ Skip navigation 存在

□ 响应式布局可访问

□ 移动端支持
----

== Moodle 插件 ==
□ 插件支持键盘

□ 插件有 ARIA

□ 插件无颜色依赖
----

== Moodle 课程内容 ==
□ PDF 可访问

□ Word 可访问

□ PPT 可访问

□ 视频有字幕

□ 图片有 alt
----

= 文档内容合规 =
必须确保：
----

=== PDF ===
□ Tagged PDF

□ 正确 heading

□ 语言

□ alt text
----

=== Word ===
□ Heading styles

□ alt text

□ 列表语义
----

=== PowerPoint ===
□ reading order

□ alt text
----

= 视频 =
□ 字幕

□ transcript

□ audio description
----

= ADA 法律要求附加 =
网站必须提供：

□ Accessibility Statement

□ 联系方式

□ 无障碍支持渠道
----

= 自动化测试工具 =
建议使用：

□ axe DevTools

□ WAVE

□ Lighthouse

□ NVDA

□ JAWS
----

= 合规完成标准 =
当以下全部满足：

✔ WCAG 2.1 Level AA

✔ ADA Title III

= Kepha Moodle WCAG2.1AA_Checklist =
下载此文件，并用浏览器打开

= FAQ 常见问题解答[[File:ImageFAQ.png|alt=ImageFAQ|frameless|74x74px]] =
替代文本？
{| class="wikitable"
|如何为图表编写替代文字？
|在替代文字中总结关键信息。在上下文中提供完整的数据描述，或链接数据表。例如：“柱状图显示每月缺勤人数：1 月总计 30 人，2 月总计 25 人，3 月总计 28 人。”
|-
|装饰性图片是否应该添加替代文字？
|如果图片纯粹是装饰性的，请使用 alt=""，以便屏幕阅读器跳过它。
|-
|如何为嵌入文本的图片编写替代文字？
|如果图片包含关键文字，请将其添加到替代文字中。如果文字较长，请进行概括，并在其他地方提供完整版本。例如：“无障碍峰会活动宣传单，6月15日，主讲嘉宾：John Doe。”
|-
|我应该如何处理logo的替代文字？
|请使用公司或组织名称。例如：“Google 标志”，而不是“蓝红字母拼写的 Google”。
|-
|那么像信息图这类复杂的图像呢？
|在替代文本中提供简短摘要。在上下文文本中或以链接文档的形式提供完整描述。例如：“信息图总结了无障碍最佳实践。完整描述见下方文本。”
|}

对比度
{| class="wikitable"
|如何查看对比度？
|使用 WebAIM 对比度检查器等工具或浏览器扩展程序。
|-
|那么，标志呢？
|标志不受 WCAG 对比度要求的约束，但仍应注重易读性。
|-
|如何确保超链接对比度？
|使用颜色和下划线使超链接与周围的文本区分开来。
|-
|背景可以使用透明效果吗？
|避免使用透明度过高的背景，以免降低对比度，影响可读性。
|-
|如果我的品牌/模板颜色不符合对比度要求怎么办？
|调整遮阳强度或提供其他无障碍设计方案
|}

标题
{| class="wikitable"
|一份文档或网页应该有多少个 H1 标签？
|每个文档或页面应该只有一个 H1 标签，通常用作主标题。
|-
|我可以用粗体字代替标题吗？
|不可以，粗体文本并不能提供正规标题的结构优势。请使用真正的标题样式。
|-
|如果某个章节不需要标题怎么办？
|请使用段落正文。不要为了增加间距而插入空标题。
|-
|如何测试我的标题结构是否正确？
|使用屏幕阅读器或辅助工具按标题导航。
|-
|表格中是否需要使用标题？
|仅当表格需要分段时才使用；否则，请使用表格标题。
|}
描述性链接
{| class="wikitable"
|当链接到一个下载文件的链接时，如何编写描述性链接
|
* 请注明文件类型和用途（例如，“下载无障碍 PDF 指南 [PDF]”）。
* 避免使用“点击此处下载”之类的通用文本。
|-
|如果我的内容包含指向同一目标的多个链接，该怎么办？
|
* 使用一致、描述性的链接文本，但避免过度重复。
* 如有必要，请添加上下文（例如，“注册参加活动（9-11年级）”与“注册参加活动（高年级）”）。
|-
|导航菜单中的链接应该如何处理？
|
* 使用清晰简洁的菜单标签（例如，“辅助功能资源”而不是“更多信息”）。
* 确保菜单结构按逻辑顺序将相关链接分组。
|-
|特定行动Call to Action (CTA) 按钮中的链接呢？如联系我们，立即付款，免费下载等
|
* 按钮文字应具有行动导向性和针对性（例如，“注册参加研讨会”而不是“点击注册”）。
* 确保按钮文字本身就能为使用辅助技术的用户提供必要的上下文信息。
|-
|如何确保文档中的链接可访问？
|
* 除非必要，否则请避免使用原始URL。
* 确保文档中的超链接颜色与周围文本具有足够的对比度，并且能够区分开来。
* 如果要在打印文档中添加链接，请以可读格式提供完整的 URL。
|}

多媒体无障碍访问
{| class="wikitable"
|如何制作准确的字幕？
|老师尽可能提供视频字幕源文件，可使用专业字幕服务或人工智能辅助工具，然后人工审核准确性。如果需要协助，可联系课程部署专员帮助开启自动生成字幕，然后由老师或助教人工审核准确性。
|-
|自动生成的字幕就足够了吗？
|不够，自动生成的字幕经常会有错误。务必检查、编辑以及人工审核。
|-
|什么情况下需要音频描述？
|如果视频包含对话无法传达的重要视觉信息。
|-
|什么是无障碍媒体播放器？
|支持字幕、键盘导航和屏幕阅读器兼容性的播放器。
|-
|我应该如何处理实时视频的无障碍访问问题？
|提供实时字幕，并尽可能提供美国手语翻译。
|}

= 按内容类型划分的课程资料 =

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

==== 演示可访问性的关键原则 ====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|每张幻灯片都要使用幻灯片标题
|
* 每张幻灯片都应该有一个独特且描述性的标题。
* 避免使用空白标题——这有助于使用屏幕阅读器的用户进行导航。
|启用大纲视图（PowerPoint）或检查 Google 幻灯片中的幻灯片标题。
|-
|请确保阅读顺序正确。
|
* 将幻灯片内容按逻辑顺序排列。
* 使用选择窗格（PowerPoint）或 Tab 键导航来验证顺序。
|使用 Tab 键在幻灯片之间切换——确保元素按有意义的顺序排列。
|-
|使用易于理解的文本格式
|
* 使用无衬线字体（例如 Arial、Calibri、Verdana）。
* 为了保证可读性，请确保字体大小至少为 24 磅。
* 保持文字与背景之间的高对比度。
|在 PowerPoint 或 Google Slides 中运行辅助功能检查器。
|-
|为图像和图形提供替代文本
|
* 为有意义的图片、图表和信息图添加描述性替代文字。
* 将装饰性图像标记为装饰性（PowerPoint）或留空。
|右键单击图像并选择“替代文本”。
|-
|确保链接具有描述性
|
* 请使用有意义的链接文本，而不是原始URL。
* 例如：“了解更多无障碍信息”而不是“点击此处”。
|扫描“点击此处”之类的通用短语，并将其替换为上下文相关的链接。
|-
|避免仅以颜色作为沟通手段。
|
* 使用图案、标签或下划线来区分关键元素。
* 避免使用红色/绿色组合，因为这可能会给色盲用户带来困扰。
|以灰度模式查看幻灯片，或使用颜色对比度检查器。
|-
|为现场演示启用自动字幕
|
* 使用内置字幕工具
* 提供预先录制演示文稿的文字稿。
|启用实时字幕并测试其准确性。
|-
|以易于访问的格式分享演示文稿
|
* 将幻灯片导出为带标签的 PDF 文件，以保留其结构。
* 避免以图片或扫描版 PDF 的形式分发幻灯片。
|在 Adobe Acrobat 中打开导出的 PDF 文件，并使用辅助功能检查器。
|}
[https://aem.cast.org/create/creating-accessible-documents '''如何制作/创建无障碍文件/文稿''']

[https://webaim.org/techniques/powerpoint/ '''微软 PowerPoint 辅助功能''']

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

==== 文档可访问性的关键原则 ====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|使用正确的标题和结构
|
* 应用真正的标题样式（H1、H2、H3 等），而不是仅仅加粗文本。
* 保持逻辑顺序（例如，不要从 H1 跳到 H3）。
* 确保标题准确描述各部分内容。
|使用文档内置的导航窗格（Word/Google Docs）来验证结构。
|-
|为图片提供替代文字
|
* 为有意义的图片添加简洁但描述性的替代文字。
* 装饰性图片应标记为装饰性图片（Word），或不添加替代文字。
* 如果图像传达了复杂的数据（例如图表），请在附近添加文字摘要。
|右键单击图像，查看是否有“替代文本”选项。
|-
|确保链接具有描述性
|
* 使用有意义的链接文本（例如，“查看无障碍指南”而不是“点击此处”）。
* 除非必要，否则请避免使用原始URL。
|扫描文档，查找“点击此处”或“阅读更多”之类的短语，并将其替换为描述性文字。
|-
|正确使用表格
|
* 使用表格属性定义列标题。
* 避免合并单元格或空单元格，以免扰乱阅读顺序。
* 添加表格标题或摘要以提供背景信息。
|在 Word 中，选择表格，转到“表格设计”，然后检查是否有表头行。
|-
|确保足够的色彩对比度
|
* 确保文字与其背景的对比度至少为 4.5:1。
* 避免仅使用颜色来传达含义。
|使用颜色对比度检查器或将文档转换为灰度图进行测试。
|-
|使用易于访问的字体和格式
|
* 选择易读字体（例如 Arial、Calibri、Verdana）。
* 正文字体大小至少使用 12 磅。
* 为了保证可读性，请确保行距至少为 1.5。
|扫描文档，检查是否有字太小或难以辨认的文字。
|-
|请核对阅读顺序和逻辑流程
|
* 请确保按预期顺序阅读内容（尤其是在 PDF 文件中）。
* 避免将文本放置在会干扰导航的浮动文本框中。
|使用 Tab 键导航或屏幕阅读器预览。
|-
|（如有需要）转换为易于访问的PDF格式
|
* 从 Word/Docs 正确导出，而不是打印成 PDF。
* 确保标签、替代文本和标题保持不变。
* 请使用 Adobe Acrobat 的辅助功能检查器进行验证。
|在 Acrobat 中，打开辅助功能检查器（工具 > 辅助功能 > 全面检查）。
|}

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

==== 视频和音频无障碍访问的关键原则 ====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|为所有视频内容提供字幕
|
* 字幕应同步、准确、完整。
* 使用可开启或关闭的隐藏式字幕。
* 包括说话人识别和非语音声音（例如，[播放音乐]）。
|启用字幕，并通过观看视频来验证其准确性。
|-
|提供音频和视频的文字稿
|
* 文字稿应包含对话内容和相关声音。
* 提供可下载的文本或HTML格式的成绩单。
|打开文字稿，确认其与口语内容一致。
|-
|为视觉内容提供音频描述
|
* 音频描述会叙述对话中未传达的重要视觉细节。
* 对于包含大量视觉元素（例如图表、演示）的视频来说，这一点尤为重要。
|播放带有音频描述的视频，并确认关键画面已进行描述。
|-
|使用易于访问的媒体播放器
|
* 确保键盘可以操作播放控制功能。
* 提供对比度友好的界面，以提高可视性。
|仅使用键盘和屏幕阅读器测试媒体控制。
|-
|确保实时视频可访问
|
* 为网络研讨会和虚拟会议提供实时字幕。
* 考虑提供手语翻译服务。
|启用实时字幕，并在播放过程中确认字幕准确性。
|}

===== '''<u>PDF文档</u>''' =====
PDF 是一种常见的文档共享格式，但它在可访问性方面存在一些挑战。以下将帮助您决定何时使用 PDF，何时避免使用 PDF，以及在必要时如何提高 PDF 的可访问性。
----

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

* 通用格式：PDF 文件在不同设备和操作系统上保持格式一致。
* 安全功能：PDF 文件可以限制编辑或保护敏感信息。
* 可直接打印：非常适合需要按设计原样打印的文档（例如，宣传册、传单）。

缺点

* 可访问性挑战：PDF 文件通常缺乏屏幕阅读器所需的正确结构（例如，缺少标签、阅读顺序问题）。
* 难以编辑：'''修复辅助功能问题需要 Adobe Acrobat Pro 等专业软件。'''
* 不适合移动设备：与响应式网页不同，PDF 文件在小屏幕上难以浏览。

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

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

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

* 简单的文本内容：对于简单的内容（例如，新闻通讯、更新），请'''使用网页'''或易于访问的 Word 文档。
* 交互式内容：'''除非能确保完全的交互性和可访问性，否则请避免使用 PDF 格式的表单或应用程序。'''
* 需要频繁更新：对于经常更改的内容，请避免使用 PDF；更新网页效率更高，并可确保用户访问最新版本。

[https://helpx.adobe.com/acrobat/using/creating-accessible-pdfs.html '''创建易于访问的PDF文件''']

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

==== 网络平台及社交媒体内容可访问性的关键原则 ====
{| class="wikitable"
!战略
!如何
!如何检查
|-
|撰写描述性强、清晰易懂的文本
|
* 使用通俗易懂的语言，避免使用不必要的术语。
* 标签中的每个单词都要大写（#驼峰式命名法，而不是 #全部小写）。
* 帖子内容应简洁明了，便于阅读，并注意适当的间距。
|请大声朗读这篇文章，以确保其清晰易懂。
|-
|为图片提供替代文字
|
* 为所有有意义的图片添加替代文字。
* 描述要详尽但要简洁（重点突出关键细节）。
|启用屏幕阅读器并验证图像的描述方式。
|-
|确保视频内容包含字幕和文字稿。
|
* 使用自动生成的字幕并手动校正，或者上传您自己的字幕。
* 提供成绩单链接。
|打开字幕播放视频，并核实其准确性。
|-
|使用描述性链接
|
* 避免使用通用的“点击此处”短语——使用清晰明了的链接文本。
* 使用易于访问的 URL 缩短服务缩短链接，这些服务允许使用描述性别名。
|检查所有链接，确保它们指向正确的目的地。
|-
|使表情符号和特殊字符清晰可读
|
* 请谨慎使用表情符号，因为屏幕阅读器会将其朗读出来。
* 表情符号应放在句末，不要放在文本中间。
* 避免过度使用特殊字符和符号。
|使用屏幕阅读器测试表情符号和特殊字符的朗读方式。
|-
|确保帖子可通过键盘浏览。
|
* 交互元素（投票、按钮、表单）应可通过 Tab 键和 Enter 键访问。
* 避免使用需要悬停操作而没有其他替代方案的交互式图形。
|尝试仅使用键盘浏览帖子。
|-
|提供高对比度的图像和图形
|
* 图片中的文字与背景的对比度应至少为 4.5:1。
* 避免在明亮的背景上使用浅色文字。
|使用对比度检查器验证清晰度。
|-
|限制动画和闪烁内容
|
* 避免快速闪烁的内容，以防止诱发癫痫发作。
* 如果适用，请提供暂停或停止动画的选项。
|播放动画并确保其符合 WCAG 闪烁阈值。
|}

= 更多详细信息请参考以下资料 =
[https://www.w3.org/WAI/WCAG22/quickref/?versions=2.1 '''How to Meet WCAG (Quick Reference)''']

[https://www.w3.org/WAI/standards-guidelines/wcag/new-in-21/ '''What’s New in WCAG 2.1''']

File:ImageFAQ.png

2026-03-24T17:05:24Z

Harrison.xing@ciu.edu：

ImageFAQ

Accessibility

2026-03-24T16:53:29Z

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

File:ImageSelectHeadingsInEditor.png

2026-03-24T16:46:11Z

Harrison.xing@ciu.edu：

ImageSelectHeadingsInEditor

Accessibility

2026-03-24T14:47:16Z

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

Accessibility

2026-03-23T20:54:24Z

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

Accessibility

2026-03-23T20:47:52Z

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

File:ImageCaptions.png

2026-03-23T20:38:46Z

Harrison.xing@ciu.edu：

ImageCaptions

File:ImageCaptiondandTranscript.png

2026-03-23T20:32:44Z

Harrison.xing@ciu.edu：

ImageCaptiondandTranscript

File:ImageZoomcaption.png

2026-03-23T20:24:44Z

Harrison.xing@ciu.edu：

ImageZoomcaption

Accessibility

2026-03-23T20:04:10Z

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

File:ImageTeamsTranscription.png

2026-03-23T19:58:23Z

Harrison.xing@ciu.edu：

ImageTeamsTranscription

Accessibility

2026-03-20T16:44:56Z

Harrison.xing@ciu.edu：

Accessibility

2026-03-20T16:37:33Z

Harrison.xing@ciu.edu：

Accessibility

2026-03-20T15:59:22Z

Harrison.xing@ciu.edu：/* 更多详细信息请参考以下资料 */

Accessibility

2026-03-20T15:58:29Z

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

Accessibility

2026-03-20T15:45:27Z

Harrison.xing@ciu.edu：/* 1.2.1 纯音频 / 纯视频 */

Accessibility

2026-03-20T15:35:05Z

Harrison.xing@ciu.edu：/* 1.2.1 纯音频 / 纯视频 */

Moodle使用指南-教师

2026-03-19T20:03:20Z

Harrison.xing@ciu.edu：

本页面是CIU的Moodle LMS教师指南目录，请根据需求检索并进入相关页面。如果本页提供的信息无法解决您的问题，请联系CIU技术支持 KIT@ciu.edu 。

一个有用的常见问题列表：[[Moodle答疑-教师]]

== Moodle视频指南 ==
视频教程，请参考[https://ciulink.com/moodlevideo Moodle视频指南]。

== Moodle登录 ==
在Populi系统中，点击课程中的“Moodle学习系统”的链接，即可跳转到Moodle系统的对应课程，无需重复登录。

== Moodle教学 ==
* [[Moodle修改时区]]
* [[Moodle修改显示语言]]
* [[使用Moodle发布公告]]
* [[Moodle组相关设置]]
* [[Moodle作业评分]]
* [[Moodle讨论区评分]]
* [[单独为某个学生设定延期]]
* [[Moodle移动APP]]

== Moodle课程设置 ==

* [[Moodle课程设置]]
* [[Moodle成绩单设置]]
* [[Moodle活动格式|Moodle支持的活动格式]]
* [[Moodle视频上传|Moodle视频的上传]] <small>（请直接联系课程部署专员Titus.Tang@ciu.edu）</small>
* [[Moodle多语言课程内容|Moodle多语言课程内容设置]]
* [[New page#2. 新增活动页面（Activities）|Moodle 新版本升级内容]]
关于课程部署的更多内容，请参考：[[Moodle课程部署]]
== Moodle WCAG2.1AA 合规 ==

* [[Accessibility|Accessibility 无障碍访问合规]]

== Moodle与Populi结课 ==
Moodle的成绩会以30分钟的同步频率自动同步到Populi。

★为了确保课程完结，及学生成绩单完整，请教师们务必在课程结束后，前往Populi结课，具体操作如下：

# 进入Populi，您的课程
# Gradebook （成绩册）-> Finalize Course （完成课程）
# 检查所有学生最终成绩以及字母等级，无误后点击最下方"Finalize course and all students"(”完成课程和所有学生“)
# 点击”提交“

== Useful English Resources ==

* Moodle Log In: Populi -> My Courses -> Lessons -> Click "Moodle 学习系统“ -> Click Link
* Finalize Courses:
** To ensure the completion of the course and the integrity of student transcripts, it is essential for instructors to follow these steps to finalize the course in Populi.
*** Populi -> My Courses -> Gradebook -> Finalize Course
*** Double check all students' final grades and letter grades. If there is no error, please click "Finalize course and all students" at the end of the page
*** Click "Submit"
* Moodle Documentation：https://docs.moodle.org/
* Moodle Academy：https://moodle.academy/
* Documentation from Trinity Washington University：
** [https://discover.trinitydc.edu/moodle/2017/05/19/how-do-i-edit-the-dates-for-multiple-assignments-at-one-time/ How do I edit the dates for multiple assignments at one time?]
** [https://discover.trinitydc.edu/moodle/faculty-f-a-q/ Frequently Asked Questions – Faculty]
*https://moodleuserguides.org/

Moodle使用指南-教师

2026-03-19T20:02:58Z

Harrison.xing@ciu.edu：/* Moodle WCAG2.1AA 合规 */

本页面是CIU的Moodle LMS教师指南目录，请根据需求检索并进入相关页面。如果本页提供的信息无法解决您的问题，请联系CIU技术支持 KIT@ciu.edu 。

一个有用的常见问题列表：[[Moodle答疑-教师]]

== Moodle视频指南 ==
视频教程，请参考[https://ciulink.com/moodlevideo Moodle视频指南]。

== Moodle登录 ==
在Populi系统中，点击课程中的“Moodle学习系统”的链接，即可跳转到Moodle系统的对应课程，无需重复登录。

== Moodle教学 ==
* [[Moodle修改时区]]
* [[Moodle修改显示语言]]
* [[使用Moodle发布公告]]
* [[Moodle组相关设置]]
* [[Moodle作业评分]]
* [[Moodle讨论区评分]]
* [[单独为某个学生设定延期]]
* [[Moodle移动APP]]

== Moodle课程设置 ==

* [[Moodle课程设置]]
* [[Moodle成绩单设置]]
* [[Moodle活动格式|Moodle支持的活动格式]]
* [[Moodle视频上传|Moodle视频的上传]] <small>（请直接联系课程部署专员Titus.Tang@ciu.edu）</small>
* [[Moodle多语言课程内容|Moodle多语言课程内容设置]]
* [[New page#2. 新增活动页面（Activities）|Moodle 新版本升级内容]]
关于课程部署的更多内容，请参考：[[Moodle课程部署]]
== Moodle WCAG2.1AA 合规 ==

* [[Accessibility]] 无障碍访问合规

== Moodle与Populi结课 ==
Moodle的成绩会以30分钟的同步频率自动同步到Populi。

★为了确保课程完结，及学生成绩单完整，请教师们务必在课程结束后，前往Populi结课，具体操作如下：

# 进入Populi，您的课程
# Gradebook （成绩册）-> Finalize Course （完成课程）
# 检查所有学生最终成绩以及字母等级，无误后点击最下方"Finalize course and all students"(”完成课程和所有学生“)
# 点击”提交“

== Useful English Resources ==

* Moodle Log In: Populi -> My Courses -> Lessons -> Click "Moodle 学习系统“ -> Click Link
* Finalize Courses:
** To ensure the completion of the course and the integrity of student transcripts, it is essential for instructors to follow these steps to finalize the course in Populi.
*** Populi -> My Courses -> Gradebook -> Finalize Course
*** Double check all students' final grades and letter grades. If there is no error, please click "Finalize course and all students" at the end of the page
*** Click "Submit"
* Moodle Documentation：https://docs.moodle.org/
* Moodle Academy：https://moodle.academy/
* Documentation from Trinity Washington University：
** [https://discover.trinitydc.edu/moodle/2017/05/19/how-do-i-edit-the-dates-for-multiple-assignments-at-one-time/ How do I edit the dates for multiple assignments at one time?]
** [https://discover.trinitydc.edu/moodle/faculty-f-a-q/ Frequently Asked Questions – Faculty]
*https://moodleuserguides.org/

Accessibility

2026-03-16T21:18:44Z

Harrison.xing@ciu.edu：/* 更多详细信息请参考以下资料 */

Accessibility

2026-03-16T21:18:20Z

Harrison.xing@ciu.edu：/* Kepha Moodle WCAG2.1AA_Checklist */

Accessibility

2026-03-16T21:11:12Z

Harrison.xing@ciu.edu：

Accessibility

2026-03-16T21:09:34Z

Harrison.xing@ciu.edu：

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

* Kepha Moodle LMS 平台本身
* Moodle 主题 (Theme)
* 插件 (Plugins)
* 课程页面
* 教学内容,包含多媒体（PDF、PPT、视频、音频、Word、HTML等）
* 对于标识适用于developer的，则由IT开发人员解决，其他内容由教授/助教/课程部署人员等内容负责人解决。

本清单可作为：

* ADA 合规自我审计 checklist
* 教学部门、课程设计部署人员，以及IT的合规标准

== '''WCAG2.1 四大原则''' ==

== 1. 可感知性 (Perceivable) ==
'''核心思想：''' 用户必须能够通过视觉、听觉或触觉接收到信息。信息不能对所有的感官都是不可见的。

* '''实例：''' * 为图片提供'''替代文本 (Alt text)'''，方便视障人士通过读屏软件了解内容。
** 为视频提供'''字幕'''，方便听障人士。
** 确保文字与背景之间有足够的'''色彩对比度'''。

== 2. 可操作性 (Operable) ==
'''核心思想：''' 用户必须能够操作界面，且界面不能要求用户进行他们无法完成的操作。

* '''实例：''' * '''纯键盘操作：''' 所有功能都能仅通过键盘（无需鼠标）完成。
** '''充足的时间：''' 给用户留出足够的阅读和操作时间，不要让弹窗消失得太快。
** '''防诱发癫痫：''' 设计时避免使用可能诱发癫痫的高频闪烁内容。

== 3. 可理解性 (Understandable) ==
'''核心思想：''' 用户必须能够理解信息以及界面的操作逻辑。内容不能超出用户的理解范围。

* '''实例：''' * '''语言明确：''' 标明网页使用的是哪种语言。
** '''预测性：''' 导航栏和按钮在不同页面上的位置和表现应当保持一致。
** '''错误辅助：''' 当用户填错表单时，提供清晰的错误提示和修改建议。

== 4. 稳健性 (Robust) ==
'''核心思想：''' 内容必须能够随着技术的发展（如浏览器升级、辅助技术更新）保持兼容性。

* '''实例：''' * '''规范化代码：''' 使用符合标准的 HTML/XML 标签，确保主流浏览器和读屏软件都能准确解析。
** '''兼容辅助技术：''' 确保盲人点显器或语音控制软件能顺利读取网页数据。

----<blockquote>'''一句话总结：''' 如果一个页面能被'''看/听到'''（感知）、能被'''点到'''（操作）、能被'''看懂'''（理解），并且在'''各种设备上都不崩溃'''（稳健），那它就基本符合了 WCAG 的核心精神。</blockquote>
----

= Moodle LMS ADA / WCAG 2.1 AA 完整合规检查清单 =
（适用于 Moodle 平台、课程内容、主题、插件）
----

= 一、可感知 Perceivable - 用户必须能够 '''感知内容信息''' =

= 1.1 文本替代 (Text Alternatives) =

=== 1.1.1 非文本内容 ===
必须为所有非文本内容提供替代文本。

检查项：

□ 所有图片都有 '''alt text'''

□ 装饰图片使用 <code>alt=""</code>

□ 图标按钮有可访问名称

□ 图表有文字说明

□ 图形有数据表或描述

□ 数学公式可被屏幕阅读器读取

□ CAPTCHA 提供音频或替代方案

□ 图像地图提供文本链接

'''操作步骤示例（适用于课程页面、标签（Label）、页面（Page）、论坛、测验题目、书籍（Book）等）：'''

# 打开课程并开启 '''编辑模式'''。
# 在文本编辑器（如 '''TinyMCE'''）中插入图片。
# 在 '''Alternative text / Image description''' 字段填写图片描述。如普通描述：Front entrance of the University Library building on campus / 校园大学图书馆大楼正门。或者想要强调建筑的描述：哥伦比亚国际大学校园图书馆玻璃正门建筑。当这样提供替代文本（alt text）后，屏幕阅读器即可使看不到图片的用户，也能理解图片内容

示例图片：
[[File:Front entrance of the University Library building on campus.png|center|thumb|720x720px]]

代码： <img src="university-library-front-entrance.jpg" alt="哥伦比亚国际大学图书馆玻璃正门建筑">

好的alt text举例： “CIU学生在大学图书馆里安静地学习” 不好的 alt text 示例： “图书馆图片”

装饰图片使用 alt=""如果图片只是装饰（例如分隔线、背景图）：

在插入图片时：Alt text: "" 勾选：Image is decorative

这样屏幕阅读器会跳过该图片。

语言一致性：替代文本必须与周围网页内容的语言保持一致。如果您的页面是中文的，则替代文本也应为中文。如果主要内容是英文的，则替代文本也应为英文，除非图像明确包含中文文本。

我们要问自己：如果你的学生看不到这张图片时，他需要知道什么？这就是alt text 的作用。

原则: 描述图片传达的信息或功能。

'''仅适用于Developer''': 图标按钮有可访问名称

<button aria-label="Download assignment template">

<nowiki><i class="icon-download"></i></nowiki>

</button>

或者

<a href="file.pdf" aria-label="Download PDF">

<nowiki><i class="fa fa-file"></i></nowiki>

</a>

'''教师/课程部署人员无障碍内容规范'''：

# 图片必须填写 alt text
# 图表必须有文字解释
# 不允许用图片代替文本
# 公式必须使用 MathJax

= 1.2 基于时间的媒体 (Time-based Media) =

=== 1.2.1 纯音频 / 纯视频 ===
□ 音频提供 '''完整文字稿'''

□ 无声视频提供 '''文本说明'''
----

=== 1.2.2 预录媒体字幕 ===
□ 所有视频提供 '''同步字幕'''
----

=== 1.2.3 音频描述或媒体替代 ===
□ 视频视觉信息有 '''音频描述'''

或

□ 提供完整文字版
----

=== 1.2.4 实时字幕 (AA) ===
□ 实时直播课程提供 '''实时字幕'''
----

=== 1.2.5 音频描述 (AA) ===
□ 关键视觉信息有音频描述

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

* 音频必须提供文字版文本
* 无声视频提供文本说明
* 录播视频必须有字幕
* 直播课程提供实时字幕

----

= 1.3 可适应性 Adaptable =
信息结构必须可程序识别。
----

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

□ 标题使用 <code><nowiki><h1> - <h6></nowiki></code>

□ 列表使用 <code><nowiki><ul></nowiki></code> <code><nowiki><ol></nowiki></code>

□ 表格使用 <code><nowiki><th></nowiki></code> <code><nowiki><caption></nowiki></code>

□ 表格关联 header

□ 表单 label 正确绑定

□ Moodle 内容区块结构清晰

□ ARIA landmark 正确使用

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

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

□ Tab 顺序正确

□ DOM 顺序符合视觉顺序
----

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

□ “点击红色按钮”

□ “右侧链接”

必须提供文字说明
----

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

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

例如：
----

= 1.4 可区分 Distinguishable =
----

=== 1.4.1 颜色不能作为唯一信息 ===
□ 错误提示不只用红色

□ 状态信息不只用颜色
----

=== 1.4.2 音频控制 ===
□ 自动播放音频可暂停
----

=== 1.4.3 对比度 (AA) ===
文本对比度：'''4.5:1'''

大字：'''3:1'''

检查：

□ Moodle 主题颜色

□ 按钮

□ 菜单

□ 链接

□ 表单
----

=== 1.4.4 可调整文本大小 ===
□ 文本可放大 '''200%'''

无功能损失
----

=== 1.4.5 图像文字 ===
□ 避免使用图片文字
----

=== 1.4.10 Reflow (AA) ===
□ 在 '''320px 宽度'''下可用
----

=== 1.4.11 非文本对比度 ===
UI 元素对比度：

'''3:1'''

例如：

□ 按钮边框

□ 表单框

□ 图标
----

=== 1.4.12 文本间距 ===
用户可调整：

内容不破坏
----

=== 1.4.13 Hover / Focus 内容 ===
弹出提示必须：

□ 可关闭

□ 可悬停

□ 不自动消失
----

= 二、可操作 Operable =
用户必须可以 '''操作界面'''
----

= 2.1 键盘可访问 =
----

=== 2.1.1 键盘操作 ===
□ 所有功能可用键盘操作

□ Moodle 菜单可键盘访问

□ 活动模块可键盘操作
----

=== 2.1.2 无键盘陷阱 ===
□ Tab 可以离开任何组件
----

=== 2.1.4 单字符快捷键 ===
□ 提供关闭选项
----

= 2.2 足够时间 =
----

=== 2.2.1 可调整时间 ===
□ 测验时间可延长

□ session timeout 提示
----

=== 2.2.2 暂停 / 停止 ===
□ 自动轮播可暂停
----

= 2.3 癫痫安全 =
----

=== 2.3.1 三次闪烁 ===
□ 页面无 >3Hz 闪烁

在 Moodle 课程内容中不要使用每秒闪烁超过 3 次的动画或视频，否则可能违反无障碍标准。

'''视频：如果你在 Moodle 上传或嵌入视频'''

需要避免

* 快速闪烁的灯光效果
* 频繁切换的动画（>3 次/秒）
* 强烈红色闪烁

解决方法

* 使用正常剪辑节奏的视频
* 删除快速闪烁片段
* 如果是演示视频，避免快速动画

'''GIF 动图或动画'''

老师在 Moodle 页面放 '''GIF 动图'''。

无障碍要求

* 动图不能快速闪烁
* 动图循环速度不能超过 3 Hz

建议

* 使用慢速动画
* 或改成静态图片

'''页面通知或提醒'''

有些主题或插件或者其他代码会使用闪烁提醒。

例如：

* 新作业提醒
* 警告信息

必须确保：

* 不要快速闪烁
* 最好使用颜色或图标而不是闪烁

'''判断方法'''

如果肉眼看到内容像警报灯一样快速闪，基本就可能超过 3 Hz。

安全做法：

静态图片

缓慢动画

不闪烁的提示

避免：

快速闪烁

频繁颜色切换

红色闪光效果
----

= 2.4 可导航 =
----

=== 2.4.1 跳过重复内容 ===
□ 提供 '''Skip to main content'''
----

=== 2.4.2 页面标题 ===
□ 每页唯一标题
----

=== 2.4.3 焦点顺序 ===
□ Tab 顺序逻辑正确
----

=== 2.4.4 链接目的 ===
□ 链接文本清晰

避免：
----

=== 2.4.5 多种导航 (AA) ===
必须至少两种：

□ 搜索

□ sitemap

□ 目录

□ breadcrumb
----

=== 2.4.6 标题与标签 ===
□ 标题描述清晰
----

=== 2.4.7 可见焦点 ===
□ focus outline 明显
----

= 2.5 输入方式 =
----

=== 2.5.1 指针手势 ===
□ 不依赖复杂手势
----

=== 2.5.2 指针取消 ===
□ 点击可取消
----

=== 2.5.3 标签与名称一致 ===
按钮：

视觉文字 = accessible name
----

=== 2.5.4 运动激活 ===
□ 可关闭
----

= 三、可理解 Understandable =
----

= 3.1 可读 =
----

=== 3.1.1 页面语言 ===
□ <code><html lang="en"></code>
----

=== 3.1.2 内容语言 ===
□ 外语段落标记 lang
----

= 3.2 可预测 =
----

=== 3.2.1 焦点不触发变化 ===
□ focus 不自动跳页
----

=== 3.2.2 输入不触发变化 ===
□ 输入字段不自动提交
----

=== 3.2.3 一致导航 ===
□ Moodle 页面导航一致
----

=== 3.2.4 一致识别 ===
□ 相同组件外观一致
----

= 3.3 输入帮助 =
----

=== 3.3.1 错误识别 ===
□ 错误提示明确
----

=== 3.3.2 标签或说明 ===
□ 表单有 label
----

=== 3.3.3 错误建议 ===
□ 提供修复建议
----

=== 3.3.4 错误预防 (AA) ===
重要表单：

□ 可确认

□ 可撤销

□ 可复查
----

= 四、稳健 Robust =
----

= 4.1 兼容性 =
----

=== 4.1.1 解析 ===
□ HTML 无严重错误
----

=== 4.1.2 名称 / 角色 / 值 ===
□ ARIA 正确使用

□ UI 控件 role 正确

□ 状态可读

例如：
----

=== 4.1.3 状态信息 (AA) ===
□ 动态信息可被屏幕阅读器读取

例如：
----

= Moodle 特有检查 =
----

== Moodle 主题 ==
□ 主题对比度符合标准

□ Skip navigation 存在

□ 响应式布局可访问

□ 移动端支持
----

== Moodle 插件 ==
□ 插件支持键盘

□ 插件有 ARIA

□ 插件无颜色依赖
----

== Moodle 课程内容 ==
□ PDF 可访问

□ Word 可访问

□ PPT 可访问

□ 视频有字幕

□ 图片有 alt
----

= 文档内容合规 =
必须确保：
----

=== PDF ===
□ Tagged PDF

□ 正确 heading

□ 语言

□ alt text
----

=== Word ===
□ Heading styles

□ alt text

□ 列表语义
----

=== PowerPoint ===
□ reading order

□ alt text
----

= 视频 =
□ 字幕

□ transcript

□ audio description
----

= ADA 法律要求附加 =
网站必须提供：

□ Accessibility Statement

□ 联系方式

□ 无障碍支持渠道
----

= 自动化测试工具 =
建议使用：

□ axe DevTools

□ WAVE

□ Lighthouse

□ NVDA

□ JAWS
----

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

1. 平台自动扫描

2. 手动审计

3. 课程内容审计

4. PDF 检查

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

= 合规完成标准 =
当以下全部满足：

✔ WCAG 2.1 Level AA

✔ ADA Title III

= Kepha Moodle WCAG2.1AA_Checklist =
下载此文件，并用浏览器打开

Accessibility

2026-03-16T21:08:11Z

Harrison.xing@ciu.edu：/* Kepha Moodle_WCAG21_aa_checklist */

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

* Moodle LMS 平台本身
* Moodle 主题 (Theme)
* 插件 (Plugins)
* 课程页面
* 教学内容（PDF、PPT、视频、Word、HTML等）
* 对于标识适用于developer，则由IT开发人员解决，其他内容由教授/助教/课程部署人员等内容负责人解决。

本清单可作为：

* ADA 合规自我审计 checklist
* 教学部门、课程设计部署人员，以及IT的合规标准

== '''WCAG2.1 四大原则''' ==

== 1. 可感知性 (Perceivable) ==
'''核心思想：''' 用户必须能够通过视觉、听觉或触觉接收到信息。信息不能对所有的感官都是不可见的。

* '''实例：''' * 为图片提供'''替代文本 (Alt text)'''，方便视障人士通过读屏软件了解内容。
** 为视频提供'''字幕'''，方便听障人士。
** 确保文字与背景之间有足够的'''色彩对比度'''。

== 2. 可操作性 (Operable) ==
'''核心思想：''' 用户必须能够操作界面，且界面不能要求用户进行他们无法完成的操作。

* '''实例：''' * '''纯键盘操作：''' 所有功能都能仅通过键盘（无需鼠标）完成。
** '''充足的时间：''' 给用户留出足够的阅读和操作时间，不要让弹窗消失得太快。
** '''防诱发癫痫：''' 设计时避免使用可能诱发癫痫的高频闪烁内容。

== 3. 可理解性 (Understandable) ==
'''核心思想：''' 用户必须能够理解信息以及界面的操作逻辑。内容不能超出用户的理解范围。

* '''实例：''' * '''语言明确：''' 标明网页使用的是哪种语言。
** '''预测性：''' 导航栏和按钮在不同页面上的位置和表现应当保持一致。
** '''错误辅助：''' 当用户填错表单时，提供清晰的错误提示和修改建议。

== 4. 稳健性 (Robust) ==
'''核心思想：''' 内容必须能够随着技术的发展（如浏览器升级、辅助技术更新）保持兼容性。

* '''实例：''' * '''规范化代码：''' 使用符合标准的 HTML/XML 标签，确保主流浏览器和读屏软件都能准确解析。
** '''兼容辅助技术：''' 确保盲人点显器或语音控制软件能顺利读取网页数据。

----<blockquote>'''一句话总结：''' 如果一个页面能被'''看/听到'''（感知）、能被'''点到'''（操作）、能被'''看懂'''（理解），并且在'''各种设备上都不崩溃'''（稳健），那它就基本符合了 WCAG 的核心精神。</blockquote>
----

= Moodle LMS ADA / WCAG 2.1 AA 完整合规检查清单 =
（适用于 Moodle 平台、课程内容、主题、插件）
----

= 一、可感知 Perceivable - 用户必须能够 '''感知内容信息''' =

= 1.1 文本替代 (Text Alternatives) =

=== 1.1.1 非文本内容 ===
必须为所有非文本内容提供替代文本。

检查项：

□ 所有图片都有 '''alt text'''

□ 装饰图片使用 <code>alt=""</code>

□ 图标按钮有可访问名称

□ 图表有文字说明

□ 图形有数据表或描述

□ 数学公式可被屏幕阅读器读取

□ CAPTCHA 提供音频或替代方案

□ 图像地图提供文本链接

'''操作步骤示例（适用于课程页面、标签（Label）、页面（Page）、论坛、测验题目、书籍（Book）等）：'''

# 打开课程并开启 '''编辑模式'''。
# 在文本编辑器（如 '''TinyMCE'''）中插入图片。
# 在 '''Alternative text / Image description''' 字段填写图片描述。如普通描述：Front entrance of the University Library building on campus / 校园大学图书馆大楼正门。或者想要强调建筑的描述：哥伦比亚国际大学校园图书馆玻璃正门建筑。当这样提供替代文本（alt text）后，屏幕阅读器即可使看不到图片的用户，也能理解图片内容

示例图片：
[[File:Front entrance of the University Library building on campus.png|center|thumb|720x720px]]

代码： <img src="university-library-front-entrance.jpg" alt="哥伦比亚国际大学图书馆玻璃正门建筑">

好的alt text举例： “CIU学生在大学图书馆里安静地学习” 不好的 alt text 示例： “图书馆图片”

装饰图片使用 alt=""如果图片只是装饰（例如分隔线、背景图）：

在插入图片时：Alt text: "" 勾选：Image is decorative

这样屏幕阅读器会跳过该图片。

语言一致性：替代文本必须与周围网页内容的语言保持一致。如果您的页面是中文的，则替代文本也应为中文。如果主要内容是英文的，则替代文本也应为英文，除非图像明确包含中文文本。

我们要问自己：如果你的学生看不到这张图片时，他需要知道什么？这就是alt text 的作用。

原则: 描述图片传达的信息或功能。

'''仅适用于Developer''': 图标按钮有可访问名称

<button aria-label="Download assignment template">

<nowiki><i class="icon-download"></i></nowiki>

</button>

或者

<a href="file.pdf" aria-label="Download PDF">

<nowiki><i class="fa fa-file"></i></nowiki>

</a>

'''教师/课程部署人员无障碍内容规范'''：

# 图片必须填写 alt text
# 图表必须有文字解释
# 不允许用图片代替文本
# 公式必须使用 MathJax

= 1.2 基于时间的媒体 (Time-based Media) =

=== 1.2.1 纯音频 / 纯视频 ===
□ 音频提供 '''完整文字稿'''

□ 无声视频提供 '''文本说明'''
----

=== 1.2.2 预录媒体字幕 ===
□ 所有视频提供 '''同步字幕'''
----

=== 1.2.3 音频描述或媒体替代 ===
□ 视频视觉信息有 '''音频描述'''

或

□ 提供完整文字版
----

=== 1.2.4 实时字幕 (AA) ===
□ 实时直播课程提供 '''实时字幕'''
----

=== 1.2.5 音频描述 (AA) ===
□ 关键视觉信息有音频描述

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

* 音频必须提供文字版文本
* 无声视频提供文本说明
* 录播视频必须有字幕
* 直播课程提供实时字幕

----

= 1.3 可适应性 Adaptable =
信息结构必须可程序识别。
----

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

□ 标题使用 <code><nowiki><h1> - <h6></nowiki></code>

□ 列表使用 <code><nowiki><ul></nowiki></code> <code><nowiki><ol></nowiki></code>

□ 表格使用 <code><nowiki><th></nowiki></code> <code><nowiki><caption></nowiki></code>

□ 表格关联 header

□ 表单 label 正确绑定

□ Moodle 内容区块结构清晰

□ ARIA landmark 正确使用

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

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

□ Tab 顺序正确

□ DOM 顺序符合视觉顺序
----

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

□ “点击红色按钮”

□ “右侧链接”

必须提供文字说明
----

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

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

例如：
----

= 1.4 可区分 Distinguishable =
----

=== 1.4.1 颜色不能作为唯一信息 ===
□ 错误提示不只用红色

□ 状态信息不只用颜色
----

=== 1.4.2 音频控制 ===
□ 自动播放音频可暂停
----

=== 1.4.3 对比度 (AA) ===
文本对比度：'''4.5:1'''

大字：'''3:1'''

检查：

□ Moodle 主题颜色

□ 按钮

□ 菜单

□ 链接

□ 表单
----

=== 1.4.4 可调整文本大小 ===
□ 文本可放大 '''200%'''

无功能损失
----

=== 1.4.5 图像文字 ===
□ 避免使用图片文字
----

=== 1.4.10 Reflow (AA) ===
□ 在 '''320px 宽度'''下可用
----

=== 1.4.11 非文本对比度 ===
UI 元素对比度：

'''3:1'''

例如：

□ 按钮边框

□ 表单框

□ 图标
----

=== 1.4.12 文本间距 ===
用户可调整：

内容不破坏
----

=== 1.4.13 Hover / Focus 内容 ===
弹出提示必须：

□ 可关闭

□ 可悬停

□ 不自动消失
----

= 二、可操作 Operable =
用户必须可以 '''操作界面'''
----

= 2.1 键盘可访问 =
----

=== 2.1.1 键盘操作 ===
□ 所有功能可用键盘操作

□ Moodle 菜单可键盘访问

□ 活动模块可键盘操作
----

=== 2.1.2 无键盘陷阱 ===
□ Tab 可以离开任何组件
----

=== 2.1.4 单字符快捷键 ===
□ 提供关闭选项
----

= 2.2 足够时间 =
----

=== 2.2.1 可调整时间 ===
□ 测验时间可延长

□ session timeout 提示
----

=== 2.2.2 暂停 / 停止 ===
□ 自动轮播可暂停
----

= 2.3 癫痫安全 =
----

=== 2.3.1 三次闪烁 ===
□ 页面无 >3Hz 闪烁

在 Moodle 课程内容中不要使用每秒闪烁超过 3 次的动画或视频，否则可能违反无障碍标准。

'''视频：如果你在 Moodle 上传或嵌入视频'''

需要避免

* 快速闪烁的灯光效果
* 频繁切换的动画（>3 次/秒）
* 强烈红色闪烁

解决方法

* 使用正常剪辑节奏的视频
* 删除快速闪烁片段
* 如果是演示视频，避免快速动画

'''GIF 动图或动画'''

老师在 Moodle 页面放 '''GIF 动图'''。

无障碍要求

* 动图不能快速闪烁
* 动图循环速度不能超过 3 Hz

建议

* 使用慢速动画
* 或改成静态图片

'''页面通知或提醒'''

有些主题或插件或者其他代码会使用闪烁提醒。

例如：

* 新作业提醒
* 警告信息

必须确保：

* 不要快速闪烁
* 最好使用颜色或图标而不是闪烁

'''判断方法'''

如果肉眼看到内容像警报灯一样快速闪，基本就可能超过 3 Hz。

安全做法：

静态图片

缓慢动画

不闪烁的提示

避免：

快速闪烁

频繁颜色切换

红色闪光效果
----

= 2.4 可导航 =
----

=== 2.4.1 跳过重复内容 ===
□ 提供 '''Skip to main content'''
----

=== 2.4.2 页面标题 ===
□ 每页唯一标题
----

=== 2.4.3 焦点顺序 ===
□ Tab 顺序逻辑正确
----

=== 2.4.4 链接目的 ===
□ 链接文本清晰

避免：
----

=== 2.4.5 多种导航 (AA) ===
必须至少两种：

□ 搜索

□ sitemap

□ 目录

□ breadcrumb
----

=== 2.4.6 标题与标签 ===
□ 标题描述清晰
----

=== 2.4.7 可见焦点 ===
□ focus outline 明显
----

= 2.5 输入方式 =
----

=== 2.5.1 指针手势 ===
□ 不依赖复杂手势
----

=== 2.5.2 指针取消 ===
□ 点击可取消
----

=== 2.5.3 标签与名称一致 ===
按钮：

视觉文字 = accessible name
----

=== 2.5.4 运动激活 ===
□ 可关闭
----

= 三、可理解 Understandable =
----

= 3.1 可读 =
----

=== 3.1.1 页面语言 ===
□ <code><html lang="en"></code>
----

=== 3.1.2 内容语言 ===
□ 外语段落标记 lang
----

= 3.2 可预测 =
----

=== 3.2.1 焦点不触发变化 ===
□ focus 不自动跳页
----

=== 3.2.2 输入不触发变化 ===
□ 输入字段不自动提交
----

=== 3.2.3 一致导航 ===
□ Moodle 页面导航一致
----

=== 3.2.4 一致识别 ===
□ 相同组件外观一致
----

= 3.3 输入帮助 =
----

=== 3.3.1 错误识别 ===
□ 错误提示明确
----

=== 3.3.2 标签或说明 ===
□ 表单有 label
----

=== 3.3.3 错误建议 ===
□ 提供修复建议
----

=== 3.3.4 错误预防 (AA) ===
重要表单：

□ 可确认

□ 可撤销

□ 可复查
----

= 四、稳健 Robust =
----

= 4.1 兼容性 =
----

=== 4.1.1 解析 ===
□ HTML 无严重错误
----

=== 4.1.2 名称 / 角色 / 值 ===
□ ARIA 正确使用

□ UI 控件 role 正确

□ 状态可读

例如：
----

=== 4.1.3 状态信息 (AA) ===
□ 动态信息可被屏幕阅读器读取

例如：
----

= Moodle 特有检查 =
----

== Moodle 主题 ==
□ 主题对比度符合标准

□ Skip navigation 存在

□ 响应式布局可访问

□ 移动端支持
----

== Moodle 插件 ==
□ 插件支持键盘

□ 插件有 ARIA

□ 插件无颜色依赖
----

== Moodle 课程内容 ==
□ PDF 可访问

□ Word 可访问

□ PPT 可访问

□ 视频有字幕

□ 图片有 alt
----

= 文档内容合规 =
必须确保：
----

=== PDF ===
□ Tagged PDF

□ 正确 heading

□ 语言

□ alt text
----

=== Word ===
□ Heading styles

□ alt text

□ 列表语义
----

=== PowerPoint ===
□ reading order

□ alt text
----

= 视频 =
□ 字幕

□ transcript

□ audio description
----

= ADA 法律要求附加 =
网站必须提供：

□ Accessibility Statement

□ 联系方式

□ 无障碍支持渠道
----

= 自动化测试工具 =
建议使用：

□ axe DevTools

□ WAVE

□ Lighthouse

□ NVDA

□ JAWS
----

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

1. 平台自动扫描

2. 手动审计

3. 课程内容审计

4. PDF 检查

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

= 合规完成标准 =
当以下全部满足：

✔ WCAG 2.1 Level AA

✔ ADA Title III

= Kepha Moodle WCAG2.1AA_Checklist =
下载此文件，并用浏览器打开

Accessibility

2026-03-16T21:07:22Z

Harrison.xing@ciu.edu：/* 合规完成标准 */

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

* Moodle LMS 平台本身
* Moodle 主题 (Theme)
* 插件 (Plugins)
* 课程页面
* 教学内容（PDF、PPT、视频、Word、HTML等）
* 对于标识适用于developer，则由IT开发人员解决，其他内容由教授/助教/课程部署人员等内容负责人解决。

本清单可作为：

* ADA 合规自我审计 checklist
* 教学部门、课程设计部署人员，以及IT的合规标准

== '''WCAG2.1 四大原则''' ==

== 1. 可感知性 (Perceivable) ==
'''核心思想：''' 用户必须能够通过视觉、听觉或触觉接收到信息。信息不能对所有的感官都是不可见的。

* '''实例：''' * 为图片提供'''替代文本 (Alt text)'''，方便视障人士通过读屏软件了解内容。
** 为视频提供'''字幕'''，方便听障人士。
** 确保文字与背景之间有足够的'''色彩对比度'''。

== 2. 可操作性 (Operable) ==
'''核心思想：''' 用户必须能够操作界面，且界面不能要求用户进行他们无法完成的操作。

* '''实例：''' * '''纯键盘操作：''' 所有功能都能仅通过键盘（无需鼠标）完成。
** '''充足的时间：''' 给用户留出足够的阅读和操作时间，不要让弹窗消失得太快。
** '''防诱发癫痫：''' 设计时避免使用可能诱发癫痫的高频闪烁内容。

== 3. 可理解性 (Understandable) ==
'''核心思想：''' 用户必须能够理解信息以及界面的操作逻辑。内容不能超出用户的理解范围。

* '''实例：''' * '''语言明确：''' 标明网页使用的是哪种语言。
** '''预测性：''' 导航栏和按钮在不同页面上的位置和表现应当保持一致。
** '''错误辅助：''' 当用户填错表单时，提供清晰的错误提示和修改建议。

== 4. 稳健性 (Robust) ==
'''核心思想：''' 内容必须能够随着技术的发展（如浏览器升级、辅助技术更新）保持兼容性。

* '''实例：''' * '''规范化代码：''' 使用符合标准的 HTML/XML 标签，确保主流浏览器和读屏软件都能准确解析。
** '''兼容辅助技术：''' 确保盲人点显器或语音控制软件能顺利读取网页数据。

----<blockquote>'''一句话总结：''' 如果一个页面能被'''看/听到'''（感知）、能被'''点到'''（操作）、能被'''看懂'''（理解），并且在'''各种设备上都不崩溃'''（稳健），那它就基本符合了 WCAG 的核心精神。</blockquote>
----

= Moodle LMS ADA / WCAG 2.1 AA 完整合规检查清单 =
（适用于 Moodle 平台、课程内容、主题、插件）
----

= 一、可感知 Perceivable - 用户必须能够 '''感知内容信息''' =

= 1.1 文本替代 (Text Alternatives) =

=== 1.1.1 非文本内容 ===
必须为所有非文本内容提供替代文本。

检查项：

□ 所有图片都有 '''alt text'''

□ 装饰图片使用 <code>alt=""</code>

□ 图标按钮有可访问名称

□ 图表有文字说明

□ 图形有数据表或描述

□ 数学公式可被屏幕阅读器读取

□ CAPTCHA 提供音频或替代方案

□ 图像地图提供文本链接

'''操作步骤示例（适用于课程页面、标签（Label）、页面（Page）、论坛、测验题目、书籍（Book）等）：'''

# 打开课程并开启 '''编辑模式'''。
# 在文本编辑器（如 '''TinyMCE'''）中插入图片。
# 在 '''Alternative text / Image description''' 字段填写图片描述。如普通描述：Front entrance of the University Library building on campus / 校园大学图书馆大楼正门。或者想要强调建筑的描述：哥伦比亚国际大学校园图书馆玻璃正门建筑。当这样提供替代文本（alt text）后，屏幕阅读器即可使看不到图片的用户，也能理解图片内容

示例图片：
[[File:Front entrance of the University Library building on campus.png|center|thumb|720x720px]]

代码： <img src="university-library-front-entrance.jpg" alt="哥伦比亚国际大学图书馆玻璃正门建筑">

好的alt text举例： “CIU学生在大学图书馆里安静地学习” 不好的 alt text 示例： “图书馆图片”

装饰图片使用 alt=""如果图片只是装饰（例如分隔线、背景图）：

在插入图片时：Alt text: "" 勾选：Image is decorative

这样屏幕阅读器会跳过该图片。

语言一致性：替代文本必须与周围网页内容的语言保持一致。如果您的页面是中文的，则替代文本也应为中文。如果主要内容是英文的，则替代文本也应为英文，除非图像明确包含中文文本。

我们要问自己：如果你的学生看不到这张图片时，他需要知道什么？这就是alt text 的作用。

原则: 描述图片传达的信息或功能。

'''仅适用于Developer''': 图标按钮有可访问名称

<button aria-label="Download assignment template">

<nowiki><i class="icon-download"></i></nowiki>

</button>

或者

<a href="file.pdf" aria-label="Download PDF">

<nowiki><i class="fa fa-file"></i></nowiki>

</a>

'''教师/课程部署人员无障碍内容规范'''：

# 图片必须填写 alt text
# 图表必须有文字解释
# 不允许用图片代替文本
# 公式必须使用 MathJax

= 1.2 基于时间的媒体 (Time-based Media) =

=== 1.2.1 纯音频 / 纯视频 ===
□ 音频提供 '''完整文字稿'''

□ 无声视频提供 '''文本说明'''
----

=== 1.2.2 预录媒体字幕 ===
□ 所有视频提供 '''同步字幕'''
----

=== 1.2.3 音频描述或媒体替代 ===
□ 视频视觉信息有 '''音频描述'''

或

□ 提供完整文字版
----

=== 1.2.4 实时字幕 (AA) ===
□ 实时直播课程提供 '''实时字幕'''
----

=== 1.2.5 音频描述 (AA) ===
□ 关键视觉信息有音频描述

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

* 音频必须提供文字版文本
* 无声视频提供文本说明
* 录播视频必须有字幕
* 直播课程提供实时字幕

----

= 1.3 可适应性 Adaptable =
信息结构必须可程序识别。
----

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

□ 标题使用 <code><nowiki><h1> - <h6></nowiki></code>

□ 列表使用 <code><nowiki><ul></nowiki></code> <code><nowiki><ol></nowiki></code>

□ 表格使用 <code><nowiki><th></nowiki></code> <code><nowiki><caption></nowiki></code>

□ 表格关联 header

□ 表单 label 正确绑定

□ Moodle 内容区块结构清晰

□ ARIA landmark 正确使用

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

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

□ Tab 顺序正确

□ DOM 顺序符合视觉顺序
----

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

□ “点击红色按钮”

□ “右侧链接”

必须提供文字说明
----

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

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

例如：
----

= 1.4 可区分 Distinguishable =
----

=== 1.4.1 颜色不能作为唯一信息 ===
□ 错误提示不只用红色

□ 状态信息不只用颜色
----

=== 1.4.2 音频控制 ===
□ 自动播放音频可暂停
----

=== 1.4.3 对比度 (AA) ===
文本对比度：'''4.5:1'''

大字：'''3:1'''

检查：

□ Moodle 主题颜色

□ 按钮

□ 菜单

□ 链接

□ 表单
----

=== 1.4.4 可调整文本大小 ===
□ 文本可放大 '''200%'''

无功能损失
----

=== 1.4.5 图像文字 ===
□ 避免使用图片文字
----

=== 1.4.10 Reflow (AA) ===
□ 在 '''320px 宽度'''下可用
----

=== 1.4.11 非文本对比度 ===
UI 元素对比度：

'''3:1'''

例如：

□ 按钮边框

□ 表单框

□ 图标
----

=== 1.4.12 文本间距 ===
用户可调整：

内容不破坏
----

=== 1.4.13 Hover / Focus 内容 ===
弹出提示必须：

□ 可关闭

□ 可悬停

□ 不自动消失
----

= 二、可操作 Operable =
用户必须可以 '''操作界面'''
----

= 2.1 键盘可访问 =
----

=== 2.1.1 键盘操作 ===
□ 所有功能可用键盘操作

□ Moodle 菜单可键盘访问

□ 活动模块可键盘操作
----

=== 2.1.2 无键盘陷阱 ===
□ Tab 可以离开任何组件
----

=== 2.1.4 单字符快捷键 ===
□ 提供关闭选项
----

= 2.2 足够时间 =
----

=== 2.2.1 可调整时间 ===
□ 测验时间可延长

□ session timeout 提示
----

=== 2.2.2 暂停 / 停止 ===
□ 自动轮播可暂停
----

= 2.3 癫痫安全 =
----

=== 2.3.1 三次闪烁 ===
□ 页面无 >3Hz 闪烁

在 Moodle 课程内容中不要使用每秒闪烁超过 3 次的动画或视频，否则可能违反无障碍标准。

'''视频：如果你在 Moodle 上传或嵌入视频'''

需要避免

* 快速闪烁的灯光效果
* 频繁切换的动画（>3 次/秒）
* 强烈红色闪烁

解决方法

* 使用正常剪辑节奏的视频
* 删除快速闪烁片段
* 如果是演示视频，避免快速动画

'''GIF 动图或动画'''

老师在 Moodle 页面放 '''GIF 动图'''。

无障碍要求

* 动图不能快速闪烁
* 动图循环速度不能超过 3 Hz

建议

* 使用慢速动画
* 或改成静态图片

'''页面通知或提醒'''

有些主题或插件或者其他代码会使用闪烁提醒。

例如：

* 新作业提醒
* 警告信息

必须确保：

* 不要快速闪烁
* 最好使用颜色或图标而不是闪烁

'''判断方法'''

如果肉眼看到内容像警报灯一样快速闪，基本就可能超过 3 Hz。

安全做法：

静态图片

缓慢动画

不闪烁的提示

避免：

快速闪烁

频繁颜色切换

红色闪光效果
----

= 2.4 可导航 =
----

=== 2.4.1 跳过重复内容 ===
□ 提供 '''Skip to main content'''
----

=== 2.4.2 页面标题 ===
□ 每页唯一标题
----

=== 2.4.3 焦点顺序 ===
□ Tab 顺序逻辑正确
----

=== 2.4.4 链接目的 ===
□ 链接文本清晰

避免：
----

=== 2.4.5 多种导航 (AA) ===
必须至少两种：

□ 搜索

□ sitemap

□ 目录

□ breadcrumb
----

=== 2.4.6 标题与标签 ===
□ 标题描述清晰
----

=== 2.4.7 可见焦点 ===
□ focus outline 明显
----

= 2.5 输入方式 =
----

=== 2.5.1 指针手势 ===
□ 不依赖复杂手势
----

=== 2.5.2 指针取消 ===
□ 点击可取消
----

=== 2.5.3 标签与名称一致 ===
按钮：

视觉文字 = accessible name
----

=== 2.5.4 运动激活 ===
□ 可关闭
----

= 三、可理解 Understandable =
----

= 3.1 可读 =
----

=== 3.1.1 页面语言 ===
□ <code><html lang="en"></code>
----

=== 3.1.2 内容语言 ===
□ 外语段落标记 lang
----

= 3.2 可预测 =
----

=== 3.2.1 焦点不触发变化 ===
□ focus 不自动跳页
----

=== 3.2.2 输入不触发变化 ===
□ 输入字段不自动提交
----

=== 3.2.3 一致导航 ===
□ Moodle 页面导航一致
----

=== 3.2.4 一致识别 ===
□ 相同组件外观一致
----

= 3.3 输入帮助 =
----

=== 3.3.1 错误识别 ===
□ 错误提示明确
----

=== 3.3.2 标签或说明 ===
□ 表单有 label
----

=== 3.3.3 错误建议 ===
□ 提供修复建议
----

=== 3.3.4 错误预防 (AA) ===
重要表单：

□ 可确认

□ 可撤销

□ 可复查
----

= 四、稳健 Robust =
----

= 4.1 兼容性 =
----

=== 4.1.1 解析 ===
□ HTML 无严重错误
----

=== 4.1.2 名称 / 角色 / 值 ===
□ ARIA 正确使用

□ UI 控件 role 正确

□ 状态可读

例如：
----

=== 4.1.3 状态信息 (AA) ===
□ 动态信息可被屏幕阅读器读取

例如：
----

= Moodle 特有检查 =
----

== Moodle 主题 ==
□ 主题对比度符合标准

□ Skip navigation 存在

□ 响应式布局可访问

□ 移动端支持
----

== Moodle 插件 ==
□ 插件支持键盘

□ 插件有 ARIA

□ 插件无颜色依赖
----

== Moodle 课程内容 ==
□ PDF 可访问

□ Word 可访问

□ PPT 可访问

□ 视频有字幕

□ 图片有 alt
----

= 文档内容合规 =
必须确保：
----

=== PDF ===
□ Tagged PDF

□ 正确 heading

□ 语言

□ alt text
----

=== Word ===
□ Heading styles

□ alt text

□ 列表语义
----

=== PowerPoint ===
□ reading order

□ alt text
----

= 视频 =
□ 字幕

□ transcript

□ audio description
----

= ADA 法律要求附加 =
网站必须提供：

□ Accessibility Statement

□ 联系方式

□ 无障碍支持渠道
----

= 自动化测试工具 =
建议使用：

□ axe DevTools

□ WAVE

□ Lighthouse

□ NVDA

□ JAWS
----

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

1. 平台自动扫描

2. 手动审计

3. 课程内容审计

4. PDF 检查

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

= 合规完成标准 =
当以下全部满足：

✔ WCAG 2.1 Level AA

✔ ADA Title III

= Kepha Moodle_WCAG21_aa_checklist =
下载此文件，并用浏览器打开