快速参考
测试Web内容的可访问性

请注意

这个资源是印刷作为一个设计的一页PDF文件下面的HTML版本也可以。

测试与波

  • 是一个易访问性评估工具,促进人类评估通过嵌入内联易访问性反馈到你的web内容。
  • 动态的或受保护的内容可以被评估波Chrome扩展
  • 图标识别潜在的问题或特性点击一个图标来突出相应的元素和获得更多的信息。
  • 使用细节小组审查页面问题点击一个图标在页面中找到它取消隐藏图标。
  • 没有风格视图可以用来简化页面视图和检查阅读顺序屏幕阅读器。
  • 点击代码按钮在页面的底部显示代码检查器。

图片

  • 图片alt属性值显示在图像。
  • 确保替代文本传达内容函数图像应该是简洁、准确、有用的。
  • 寻找相同的文本表示的图像可以使用真实文本来实现的。

标题

  • 视图标题大纲在侧边栏选项卡。
  • 确保视觉标题标记正确的标题。
  • 主标题通常应该是<标题>
  • 寻找跳过的标题级别(例如,< h2 >< h4 >)。

对比

HTML5和咏叹调

形式

  • 确保表单控件具有描述性标签
  • 使用面板,确保代码<标识> <输入> id值匹配。
  • 如果一个标签是不可见的,检查一个隐藏的<标识>,ARIA标签,或标题属性。

其他常见的波检查

  • 指定页面语言(例如,< html lang =“en”>)。
  • 如果数据表存在,确保现在和表头有正确的范围。

使用清单

检查键盘可访问性

  • 切换Mac键盘可访问性控制+F7在Safari浏览器,选择首选项>高级>可访问性>按Tab键来突出每一项……
  • 导航页面只使用键盘:
    • 标签:导航到链接和表单控件。
    • Shift + Tab: Navigate backwards.
    • 输入:激活链接和按钮。
    • 空格键:激活复选框和按钮。
    • 箭头键:单选按钮,选择/下拉菜单,滑块,选项卡面板,自动完成,树菜单等。
  • 什么老鼠只是(如滚动菜单)?
  • 是一个“跳过导航”的链接available? Activate the skip link and hit标签再次,以确保它的功能正确。
  • 导航逻辑顺序和直观的吗?
  • 是一个可见键盘焦点指标/大纲礼物吗?
  • 测试“流行”的对话框打开Can you navigate and close the dialog? Does focus return to a logical place?
    • 模态对话框保持关注,直到解雇。
    • 非模态对话框关闭时失去焦点。
    • 退出还应该关闭所有对话框。

测试内容的扩展

  • 放大字体在您的web浏览器~ 150%Is the page content readable and usable? Is horizontal scrolling minimized?
    • Safari:视图>缩放文本
    • 火狐:视图>变焦>缩放文本
    • Internet Explorer:视图>文字大小
  • 放大网页在浏览器(放大字体和图像)至少200%可读的文本图像吗?
    • 变焦有时触发响应“移动”的观点。

使用屏幕阅读器进行测试

扫描其他问题

  • 检查媒体字幕成绩单
  • 确保页面<标题>是独特的和描述性。
  • 寻找与模棱两可的链接文本像“点击这里”。
  • 确保信息不依赖于颜色、声音、形状、大小或位置。
  • 确保动画或更新内容或媒体可以暂停和停止。
  • 寻找可能导致的选通/视频内容癫痫发作