Pa11y是基于HTML codeSinffer以及PhantomJS制作而成的网站内容A11y自动化检查工具。 Pa11y提供了Actions方式来自动化操作页面元素,使得网站操作和规则对比可以完全自动化进行。 另外和其他A11y测试工具相比,除了免费和开源之外,Pa11y还衍生出了许多不同目的的、基于核心工具Pa11y的Pa11y-X工具。 另外,基于Pa11y这个核心工具还衍生出了专为CI准备和优化过的命令行工具Pa11y-CI等工具。 那么依赖PhantomJS的Pa11y是否也会迎来一次大的改版换“芯”成Chrome呢? ----
对于我们耳熟能详的无障碍标签检测,在工具上,无论是 Chrome 插件(ChromeLens、aXe)还是命令行工具(aXe-cli、pa11y)都有很多可选, 甚至 Chrome 开发者工具中就有相应的面板 aXe 作为浏览器插件,会检测页面的无障碍标签使用情况,比如是否使用了无效的标签,并给出对应的修改建议;还有所有工具通用的对背景色和字色对比度: 05.jpg 命令行工具 pa11y 除了 aXe 外, 还有不少基于 nodejs 的命令行/可以打包到开发流程中的工具,pa11y 就是其中翘楚之一(也是 fm H5 无障碍优化的最终工具选择)。 test-a11y 一般在开发阶段就要注意优化无障碍的话,得到的报告不是很长,直接输出到命令行: ezgif.com-optimize.gif 除了上述常用检查无障碍标签、颜色对比度等特性外,pa11y 有一天我们变老了,也会成为这些“视障人群”,所以无障碍优化更应该从现在开始啊~ 参考 HTML5无障碍优化实践 -- adarzheng Accessibility Testing With pa11y
Accessibility Developer Tools(Chrome插件) 对于开发人员,可以做一些自动化的检测,比如:使用pa11y这样一个工具,它是基于HTML codeSinffer以及PhantomJS pa11y出现在ThoughtWorks 2017年3月的技术雷达中,我的同事写过一篇详细的文章来介绍这个工具:《无障碍性测试工具 Pa11y》。
定期测试使用自动化和人工测试工具(如axe,Pa11y,Lighthouse等)定期检查可访问性,并根据反馈进行改进。21.
有着同样效果的 Chrome 插件 ax ,WAVE,只是提示error 的方式有些区别,基本都是类似的,还有可以自动化检查A11y问题的工具, pa11y同样可以集成到CI,其实工具有很多,可能只差一个开始 - 相关阅读 - 为低资源地区建造数字化医药库存系统 无障碍性测试工具 Pa11y
Pa11y:另一个开源工具,支持命令行界面和API接口,适合用作持续集成(CI)中的无障碍性检查。