菜单

可访问性检查表

的一台笔记本电脑,平板电脑和智能手机页面标题和描述

页面标题

  • 定义web文档的标题;与一致的格式,应该是唯一的站点范围内的
  • 小于70个字符
  • 显示在谷歌搜索结果和浏览器标题栏(也默认文本书签)
  • 使用有意义的单词;避免模糊的缩写,没有首先引用或上下文(例如“MCM”当代音乐硕士)可能疏远或迷惑用户和搜索引擎,除非缩略词通常被目标受众理解(例如MBA)
  • 回声关键词在页面描述中使用。平衡使用关键字和引人注目的、描述性的语言所以人和机器都有意义的信息
  • 附近地方关键词标题前面(主关键字-次要关键字|品牌)

页面(元)描述

  • 添加一个独特的页面描述,描述的内容页面上发现
  • 最大的150 - 160个字符
  • 强大的描述可以提高流量搜索结果页(serp中)
  • 回声关键词标题中使用;平衡关键字和引人注目的、描述性的语言所以人和机器都有意义的信息
  • 避免引用坚持字母数字字符

扫描页面

  • 自动扫描能够成功找到很多可访问性问题

检查图片

  • 总是使用alt文本图像允许non-sighted用户使用浏览器“交谈”,以及用户在低速连接,从图像内容收集的意义
  • 图像中描述正在发生的事情(例如“学生在图书馆学习”)
  • Alt文本搜索的奖金,提高搜索引擎优化
    • 如何检查图像替代文本吗
      箭头指出一个选定的图像和一个工具栏图标 一个箭头指出一个图像的描述字段
      1. 在OmniUpdate导航到页面
      2. 查看页面
      3. 单击Edit按钮区域的图像
      4. 点击图像以选中它
      5. 单击插入/编辑按钮
      6. 编辑/更新的形象描述

链接

  • 使链接描述性的和可操作的(例如“马上申请”;“查看事件日历”)。链接应该清楚地表明他们去的地方
  • “点击这里”一词为搜索引擎没有价值,或者为用户
  • 使用简单的URL结构;3 - 5个单词
  • 使用连字符而不是下划线
  • 测试链接,以确保他们去所需的地方

视频

选项卡导航

  • 测试页面,以确保所有导航工作通过使用标签和/或空格键

层次标题顺序

  • HTML标题标签帮助创建层次结构的组织、优先级和标签内容。使用标题清晰,描述性的语言打破文本和引导读者扫描页面
  • 标题和小标题必须在一个合乎逻辑的和等级秩序。标题1 (H1)应该出现在顶部副标题紧随其后
  • 标题3 (H3)不应出现在页面上如果没有标题2 (H2)上面

形式的导航

  • 形式必须能够使用选项卡并输入导航键
    • 如何检查形式导航
      1. 一旦你的页面加载
      2. 按Tab键。确认光标移动到下一个合乎逻辑的入口点
      3. 同时,测试如果你点击一个标签,光标移动到相应的入口点

PDF文档

其他技巧

  • 避免方向性的语言(如阅读下面,见上图,左侧菜单)指页面内容
  • 由于响应设计,“右边”在一个上下文可能在另一个“下面”
  • 并不仅仅依靠视觉或音频通信(图像、形状、大小、声音)信息沟通是理解的关键内容