可访问性检查表

页面标题和描述

页面标题

定义web文档的标题;应该是唯一的与一致的格式全站
少于70个字符
显示在谷歌搜索结果和浏览器标题栏中(也是书签的默认文本)
使用有意义的话;避免使用没有参考或上下文的模糊缩写词(例如Master of Contemporary Music的“MCM”)，否则可能会疏远或混淆用户和搜索引擎，除非目标受众普遍理解该缩写词(例如MBA)。
回显页面描述中使用的关键字。平衡使用关键字和引人注目的描述性语言，这样人类和机器都能理解信息
将关键字放在标题的前面(主要关键字-次要关键字|品牌名称)

页面(元)描述

添加唯一的页面描述，用于描述在页面上找到的内容
最多150-160个字符
强大的描述可以增加搜索引擎结果页面(serp)的流量
标题中使用的Echo关键词;用引人注目的描述性语言平衡关键词，这样人类和机器都能理解信息
避免引号，使用字母数字字符

- 如何编辑你的页面标题和描述
  1. 在OmniUpdate中导航到您的页面
  2. 查看页面
  3. 单击“属性”
  4. 检查和更新你的页面标题、描述和关键词

扫描你的页面

自动扫描可以成功地找到许多可访问性问题

- 如何扫描页面以查找可访问性问题
  1. 在OmniUpdate中导航到您的页面
  2. 查看页面
  3. 单击Page Check按钮
  4. 单击可访问性按钮

检查图片

始终使用所有文本的图像，以允许使用“说话”浏览器的盲人用户，以及慢速连接的用户，从图像内容中收集意义
描述图片中正在发生的事情(例如“学生在图书馆学习”)
Alt文本具有可搜索的好处，增强了SEO

- 如何检查图像替代文本
  1. 在OmniUpdate中导航到您的页面
  2. 查看页面
  3. 单击带有图像的区域的编辑按钮
  4. 单击图像以选择它
  5. 单击插入/编辑按钮
  6. 编辑/更新图片描述

链接

使链接具有描述性和可操作性(例如“立即申请”;“查看事件日历”)。链接应该清楚地显示它们的去向
“点击这里”这个词对搜索引擎或用户来说没有价值
使用简单的URL结构;3 - 5个单词
使用连字符代替下划线
测试链接以确保它们到达所需的位置

视频

由于我们的教育和不含商业广告的内容Mt SAC Vimeo.com视频服务推荐使用YouTube。
确保你的视频是封闭字幕。请使用以下资源:
- 免费字幕服务(教授可用)
- 关键参考指南(协助制作字幕)
- 视频说明及谘询(可通过Access资源中心获取）

- 如何查看视频的字幕
  1. 播放视频
  2. 点击CC(关闭字幕)按钮
  3. 确认标题显示

选项卡导航

使用Tab键和/或空格键来测试你的页面，确保所有的导航都能正常工作

- 如何检查选项卡导航
  1. 页面加载后
  2. 按Tab键。确认已完成所需导航
  3. 继续按Tab键，在按下之间停止以确认所需的导航已完成

等级船首顺序

HTML标题标签通过组织、优先排序和标记内容来帮助创建层次结构。使用清晰、描述性的标题来分割文本，引导读者浏览页面
标题和副标题必须按照逻辑和层次顺序排列。标题1 (H1)应该出现在顶部，然后是小标题
如果上面没有标题2 (H2)，标题3 (H3)不应该出现在页面上

形式的导航

表单必须能够使用Tab键和Enter键进行导航

- 如何检查表单导航
  1. 页面加载后
  2. 按Tab键。确认游标移动到下一个逻辑入口点
  3. 另外，测试是否单击标签，光标是否移动到相应的入口点

PDF文档

尽可能避免使用pdf文件。将PDF文档转换为HTML网页
视频:使用adobeacrobat访问PDF文档的方法

其他技巧

在提到页面内容时，避免使用指向性语言(例如，阅读下面的内容，参阅上面的内容，左边的菜单)
由于响应式设计，在一个上下文中的“右边”可能在另一个上下文中的“下面”
不要仅仅依靠视觉或音频交流(图像、形状、大小、声音)来传达对理解内容至关重要的信息

样品清单

查看示例无障碍检查表