网站无障碍体验已经变成了一个非常重要的话题，在前端开发中，我们需要确保网站的访问性，也就是无障碍性，符合 Web Content Accessibility Guidelines (WCAG) 等标准。为了测试网站的无障碍性，最好的方法是使用自动化测试工具。Ember.js 的 npm 包 ember-a11y-testing 提供了一种简单而强大的无障碍自动化测试方法。
安装
首先，我们需要在项目中安装 ember-addon。在命令行中运行以下命令：
$ ember install ember-a11y-testing
安装完成之后，可以在目录下找到 test-support 文件夹，在 a11y 文件夹下找到 index.js 文件。这是测试文件的入口点。
使用
- 在你的测试用例中引入 ember-a11y-testing
import a11yAudit from 'ember-a11y-testing/test-support/audit';
- 在测试文件中，在 afterEach 钩子中调用 a11yAudit 函数
afterEach(function() {
return a11yAudit();
});- 运行测试。在命令行中运行以下命令：
$ ember test
示例代码
-- -------------------- ---- -------
------ - ------- ---- - ---- --------
------ - ------ ---------- - ---- ----------------------
------ - -------------------- - ---- --------------
------ --------- ---- ----------------------------------------
------------------ - --------- --------------- -
----------------------------
-------------- --- ----- ---------------- -
----- -----------
-------------------------- -----
------ ------------
---
---结论
ember-a11y-testing 是一种简单而强大的方法，可以帮助你测试网站的无障碍性。它为你提供了在测试中自动识别无障碍问题的能力，使你能够快速修复这些问题，从而优化您网站的体验。如果您正在开发带有无障碍性要求的网站，那么 ember-a11y-testing 是您的朋友。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaa3db5cbfe1ea06103e2