随着 Web 应用的不断发展，越来越多的用户开始关注无障碍访问。尽管现代浏览器在实现无障碍访问方面表现良好，但是我们编写的网站依然可能包含一些无障碍问题。针对这个问题，我们可以使用 pa11y-runner-htmlcs 这个 npm 包，它是一款无障碍测试工具，能够自动化地发现并报告网站中的无障碍问题。
安装
我们可以通过 npm 来安装 pa11y-runner-htmlcs：
npm install -g pa11y-runner-htmlcs
使用
在安装 pa11y-runner-htmlcs 之后，我们就可以开始使用它了。我们可以使用以下命令来测试我们的网站：
pa11y --runner htmlcs http://www.example.com
当然，我们需要将 http://www.example.com 替换成我们自己的网址。
配置
如果我们想要使用其他的 runner，我们可以通过配置文件来实现。在我们的项目根目录下创建一个名为 .pa11y.json 的文件，然后在其中填入以下内容：
-- -------------------- ---- -------
-
----------- -
--------- --------
--
------- -
------------------------
-
-在这个配置文件中，我们指定了 runner 为 htmlcs，并在 urls 中指定了需要测试的网址。
我们还可以对测试结果进行定制，例如在测试结束后自动打开测试报告、只测试特定的页面或者仅测试特定的规则：
-- -------------------- ---- -------
-
----------- -
--------- ---------
---------- -
-------
--------
-
--
------- -
-------------------------
-------------------------------
------------------------------
--
---------- -
--------- -
---------------------------------------------------------
----------------------------------------------
-
-
-在这个配置文件中，我们指定了 actions 为 dump 和 report，意味着测试结果会被自动输出到控制台并生成报告。我们还指定了 urls 为三个不同的网址，并添加了一个 options 属性来忽略特定的规则（在这个例子中，忽略了两个检测项）。
总结
通过使用 pa11y-runner-htmlcs 这个 npm 包，我们可以轻松地测试我们的网站是否包含无障碍问题。我们可以通过上述方法来安装和配置该工具，使其更好地与我们的项目配合使用。现在是时候开始理解和支持无障碍访问了！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedada4b5cbfe1ea0610cd1