可访问性检查表
页面标题和描述
页面标题
- 定义网页文档的标题;是否应该在整个站点范围内使用一致的格式
- 少于70个字符
- 显示在谷歌搜索结果和浏览器标题栏(也是书签的默认文本)
- 使用有意义的词语;避免使用模糊的首字母缩写词,没有第一个参考或上下文(例如“MCM”代表当代音乐硕士),这可能会疏远或混淆用户和搜索引擎,除非该首字母缩写词是目标受众普遍理解的(例如MBA)
- 回显页面描述中使用的关键字。使用引人注目的描述性语言来平衡关键字的使用,这样人类和机器都可以理解信息
- 将关键字放在标题前面(主要关键字-次要关键字|品牌名称)
页面(元)描述
- 添加唯一的页面描述,用于描述页面上的内容
- 长度不超过150 ~ 160个字符
- 强有力的描述可以增加搜索引擎结果页面的流量
- 呼应标题中使用的关键字;用引人注目的描述性语言平衡关键词,这样人类和机器都能理解信息
- 避免引号,坚持字母数字字符
扫描页面
- 自动扫描可以成功地发现许多可访问性问题
检查图片
- 总是使用alt文本的图像,让视力不佳的用户使用“说话”浏览器,以及连接速度较慢的用户,收集图像内容的含义
- 描述图像中正在发生的事情(例如“学生在图书馆学习”)
- Alt文本具有可搜索的奖金,增强搜索引擎优化
链接
- 使链接具有描述性和可操作性(例如“现在申请”;“查看事件日历”)。链接应该清楚地显示它们的位置
- “点击这里”这几个字对搜索引擎和用户都没有任何价值
- 使用简单的URL结构;3 - 5个单词
- 使用连字符代替下划线
- 测试链接以确保它们到达所需的位置
视频
- 由于我们的教育和商业免费内容,Mt. SAC Vimeo.com在YouTube上推荐视频服务。
- 确保你的视频是封闭字幕的。请使用以下资源:
- 免费字幕服务(适用于教授)
- 标题关键参考指南(用于帮助创建标题)
- 视频字幕指导及谘询(可通过访问资源中心获取)
选项卡导航
- 通过使用Tab键和/或空格键测试页面,确保所有导航都能正常工作
分级标题顺序
- HTML标题标签通过组织、优先级和标记内容来帮助创建层次结构。使用带有清晰描述性语言的标题来分解文本,引导读者浏览页面
- 标题和副标题必须按照逻辑和层次顺序排列。标题1 (H1)应出现在顶部,然后是小标题
- 标题3 (H3)如果上面没有标题2 (H2),就不应该出现在页面上
形式的导航
- 表单必须能够使用Tab和Enter键导航
PDF文档
- 尽可能避免使用pdf格式。将PDF文档转换为HTML网页
- 视频:用adobeacrobat制作PDF文档的方法
其他技巧
- 在提到页面内容时,避免使用定向语言(例如,阅读下面,参见上面,左侧菜单)
- 由于响应式设计,在一个上下文中“在右边”可能在另一个上下文中“在下面”
- 不仅仅依靠视觉或音频交流(图像、形状、大小、声音)来传达对理解内容至关重要的信息吗