菜单

可访问性检查表

笔记本电脑、平板电脑和智能手机的图像页面标题和描述

页面标题

  • 定义网页文档的标题;是否应该在整个站点范围内使用一致的格式
  • 少于70个字符
  • 显示在谷歌搜索结果和浏览器标题栏(也是书签的默认文本)
  • 使用有意义的词语;避免使用模糊的首字母缩写词,没有第一个参考或上下文(例如“MCM”代表当代音乐硕士),这可能会疏远或混淆用户和搜索引擎,除非该首字母缩写词是目标受众普遍理解的(例如MBA)
  • 回显页面描述中使用的关键字。使用引人注目的描述性语言来平衡关键字的使用,这样人类和机器都可以理解信息
  • 将关键字放在标题前面(主要关键字-次要关键字|品牌名称)

页面(元)描述

  • 添加唯一的页面描述,用于描述页面上的内容
  • 长度不超过150 ~ 160个字符
  • 强有力的描述可以增加搜索引擎结果页面的流量
  • 呼应标题中使用的关键字;用引人注目的描述性语言平衡关键词,这样人类和机器都能理解信息
  • 避免引号,坚持字母数字字符

扫描页面

  • 自动扫描可以成功地发现许多可访问性问题

检查图片

  • 总是使用alt文本的图像,让视力不佳的用户使用“说话”浏览器,以及连接速度较慢的用户,收集图像内容的含义
  • 描述图像中正在发生的事情(例如“学生在图书馆学习”)
  • Alt文本具有可搜索的奖金,增强搜索引擎优化
    • 如何检查图像的替代文本
      指向选定图像和工具栏图标的箭头 指向图像描述字段的箭头
      1. 在OmniUpdate中导航到您的页面
      2. 查看页面
      3. 对于有图像的区域,单击Edit按钮
      4. 单击图像以选择它
      5. 单击“插入/编辑”按钮
      6. 编辑/更新图像描述

链接

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

视频

选项卡导航

  • 通过使用Tab键和/或空格键测试页面,确保所有导航都能正常工作
    • 如何检查标签导航
      1. 页面加载后
      2. 按Tab键。确认实现了所需的导航
      3. 继续按Tab键,在按下之间停止,以确认达到所需的导航

分级标题顺序

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

形式的导航

  • 表单必须能够使用Tab和Enter键导航
    • 如何检查表单导航
      1. 页面加载后
      2. 按Tab键。确认游标移动到下一个逻辑入口点
      3. 此外,测试如果单击一个标签,光标是否移动到相应的入口点

PDF文档

其他技巧

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