前言
随着互联网的快速发展，越来越多的人开始关注可访问性问题。对于我们前端开发者来说，提升网站的可访问性，不仅可以让我们的网站更加人性化，更能够够照顾到不同类型和程度的用户使用体验，同时也可以更好的实现 SEO 优化。
在实际开发中，如何快速、有效的检测网站的可访问性呢？这就要引入本文的主角 npm 包 @advanced-rest-client/a11y-suite。
@advanced-rest-client/a11y-suite 是什么？
@advanced-rest-client/a11y-suite 是一个全面的 Web 访问性工具，它能够快速地检测网站的可访问性问题，并给出具体的解决方案。
这个包的优点在于它不仅可以用于前端开发中的可达性测试，还包括基于 Chromium 的安全测试，它的功能多样、完整。
快速开始
安装
使用 npm 包管理工具进行安装，运行以下命令：
npm install -g @advanced-rest-client/a11y-suite
使用
安装完成之后，直接在终端输入以下命令：
a11y-suite <url>
其中，url 代表需要检测的网页地址。
比如我们要检测 https://www.baidu.com 的可访问性问题，只需要在终端运行以下命令：
a11y-suite https://www.baidu.com
运行后，终端会输出详细的可访问性测试结果。
高级使用
当然，@advanced-rest-client/a11y-suite 还有很多高级用法，以下是一些常用的：
检测所有标准
如果你想检测所有可访问性标准，只需要在命令行中使用 -standard 参数：
a11y-suite -standard <url>
指定标准
如果你只想检测特定的标准，可以使用 -criterion 参数，并加上需要检测的标准：
a11y-suite -criterion WCAG2AA <url>
忽略问题
你也可以忽略一个或多个问题，比如不想检测一些自认为不需要的地方：
a11y-suite -ignore "ARIA10, WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail" <url>
总结
总的来说，@advanced-rest-client/a11y-suite 是一个非常好用的可访问性测试工具，在我们的前端开发中能够大大提升网站的可访问性，进而提高用户体验。当然，我们还需要注意，a11y-suite 并不是十全十美的，它只是一个辅助工具，在引入它的同时，我们也需要进行一定的审核和修正。
示例代码
以下是一个使用 @advanced-rest-client/a11y-suite 的示例代码：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- --------------- --
-----------------------
-------
------
-----------------
--------------------
-------
-------在终端输入以下命令：
a11y-suite demo.html
运行后，在终端会输出如下测试结果：
-- -------------------- ---- -------
-------- ---------
------------------------------------------------------------------------------
----- ------------- --------------
------------------------------------------------------------------------------
-------- ---- --- - -------- ---- --- ---- ----- -- -------------
-------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
------ ----- -------
------------------------------------------------------------------------------
-------- ---- ------- ---- --- ---- -- ---------- -----
-------- ------ ------------------- --------------------- ------------ ---- ----- ---- ---- ------ -- -------------------------------------------------------
---- --------------------------------------------------
-------- ----- ------ ------- ---
----- --
------- --
--- -
---------
------
------ ----------- ------------- ----
------ ------------- ---------------
-------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
----- ------------------ -------------------
------------------------------------------------------------------------------
-------- --------- ------ ---- - ------- -------- -- ------------------- ---- -- ---------- ---- -------- -- ---------------- ----------- -- ----------------
----- ----- ------------------------------------------
---- --------------------------------------------------
-------- ---- ---------------------
----- -
------- --
--- -
---------
---------
----------------- -------------
---- ------------
----------- ------------
---------- ---- ---------
------
---- -------------------- ------------------------------
--- ------------------------ ------------
---------- ---- ---------
------
----------
-
-
-
------------------------------------------------------------------------------
- ------ - - ------- - - ------- - ------- ---------这是一个简单的示例，测试时可能会出现更多的问题，不过 a11y-suite 会帮助我们快速的定位问题，并给出具体的解决方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/100713