无障碍网页基本说明,请大家上架时注意操作细节。

大家好

本校首页即将申请无障碍网页认证,请各单位于讯息公告时(特别是公告至校首页)注意以下事项。
无障碍认证首先会是以机器人扫描一遍,必要时会请视障或听障朋友实际操作,若不符合会退件限期改善。

1.图片、超连结需加上额外说明
1.1图片为让视障朋友了解内容,需使用「alt属性」说明图片的内容。
以本校单位网站编辑器为例,请于【替代文字】中做描述。
 无障碍网页图片替代文字错误示意图
改良后:这是佛光大学校门口图片,左边是禅杖造型校碑,右边是警卫室。
 无障碍网页图片替代文字正确示意图

1.2超连结为让视障朋友了解内容,在超连结中使用「title属性」替超连结提供文字说明。
以本校单位网站编辑器为例,请于【进阶】分页中,【标题】中做描述。
如无设定系统会迳自写入【在本视窗开启 佛光大学首页】
 无障碍网页超连结标题错误示意图
改良后:佛光大学校园美景及各系所介绍 佛光大学首页
 无障碍网页超连结标题正确示意图
1.3如使用系统内建,请于各字段详加说明。
 无障碍网页使用网站内建连结建议操作示意图

2.表格使用说明
2.1为了符合无障碍规范,表格的行列标题,请使用th标籤。
请于【表格属性】分页中,选择【页首】选项,以第一行为例。
 无障碍网页表格使用TH标籤用法示意图
我们点击原始码,会看到th标籤
 无障碍网页TH标籤原始码示意图
2.2为了进一步符合无障碍规范,另对表格设定「标题」(Caption)与「摘要」(Summary)。
「标题」用来描述表格内容,简明扼要:「佛光大学校车时刻表」
「摘要」用来描述表格结构说明,通常在复杂的表格中需要使用,注意尽量不与「标题」重复:「此佛光大学校车时刻表,第一栏是班次名称,第二栏是云起楼发车时间,第三栏是礁溪火车站发车时间…」
 无障碍网页表格标题及摘要正确使用示意图
3.其他说明
3.1插入元件对话框(影音、档案、框架)有出现标题、描述或替代文字字眼,请补充不要留空。
3.2如插入影片至少要有字幕。
3.3内文无需过多颜色变化。

感谢配合,图资处敬启