react-axe 应用可用性，功能性测试框架，依赖cypress

[cisen]

• https://github.com/dequelabs/react-axe
• https://github.com/MarkLunney/create-react-axe-app
• https://www.cypress.io/
• 如何测试网站的可访问性 anjia/blog#62
• 应该是针对cypress的封装，简化react版的使用
• 可以测试网站的加载性能，执行功能的完整性之类的
• 用于提升网站的质量（面向客户）

主要是用于测试网站的以下特性如何：

三、可访问性需要覆盖的特性列表

现在，我们对网站的可访问性有了更具象的认识。良好的页面可访问性，需要（至少）涵盖以下特性：

• 足够的对比度
• 表单控件需要有角色、名字或标签、状态
• 良好的键盘可访问性：所有可交互的元素可被键盘选中、可与键盘交互；不可交互的元素可以不被聚焦
• 使用恰当的标题和链接、良好的页面结构
• 页面支持缩放

总结

本文主要讲了两部分，第一部分是可访问性的自动化测试工具，重点介绍了 Chrome 开发者工具的 Audits 面板；第二部分是手动测试网站的可访问性，包括键盘可访问性、屏幕阅读器的导航、页面缩放。

虽然自动化工具只测试了可访问性特性的一个子集，但它能帮助我们检测很多琐碎的细节，同时它也给出了非常全面的参考信息，里面的“learn more”链接非常贴心。

键盘可访问性和页面缩放，功能比较直观，理解起来也没有歧义，这部分完全可以通过 Web 开发人员的自测满足，测试量也不大。

让屏幕阅读器提供精简、准确的信息也是非常重要的，但这部分需要我们结合着屏幕阅读器的使用再进一步细化。