Accessibility automation testing: AxE

Accessibility testing: web无障碍性测试,要让所建的网站对所有用户都可用、可访问,不管用户的生理/身体能力如何,不管用户以何种方式访问网站。

  • 视障用户:色盲,完全失明 > 网站构建要适应于屏幕发音阅读器
  • 听障用户:图片,颜色
  • ...

Web无障碍标准:

  https://dequeuniversity.com/rules/axe/3.2/audio-caption

  • HTML页面静态检查:页面必须有title属性,装饰性的图片必须设置alt为空...

AxE:

对HTML无障碍性检测标准的第三方集成(javascript)

1. 浏览器扩展工具,安装路径https://www.deque.com/axe/

2. 点击“ANALYZE”, AxE开始根据规则分析当前页面是否符合规范

3. 点击learn more, 会跳转到相关规则的详细界面,包括解决方案

https://dequeuniversity.com/rules/axe/3.2/duplicate-id?application=AxeChrome

 

posted @ 2019-03-29 14:34  Catherine-Wang  阅读(246)  评论(0编辑  收藏  举报