简介
@ms-aria/tslint-config-aria 是一个针对 TypeScript 项目的 TSLint 配置文件，它支持规范化的 ARIA（Accessible Rich Internet Applications）实践。该配置文件基于 W3C ARIA 技术规范，并使用其他已知的可用性最佳实践。
安装
推荐使用 npm 进行安装：
npm install @ms-aria/tslint-config-aria --save-dev
安装完成后，您需要在 TSLint 配置文件中指定该配置文件：
{ "extends": "@ms-aria/tslint-config-aria" }
如何使用
请确保您的 TypeScript 代码采用了正确的 ARIA 属性，例如：
-- -------------------- ---- ------- ------ - --------- ------------ - ---- -------------------- ------------ --------- --------- --------- - ---- ------------------------ ----------- --------------- -------- ----------- ------------------ --- ----- ------------ ----------------- ----------------- ------- --- --- --- ---------- -------- ----------- ------------------ --- ----- ------------ ----------------- ----------------- ------- --- --- --- ---------- ---------------- -- -- ------ ----- ------------ - ---- - ------------------ -展开代码
规则支持
@ms-aria/tslint-config-aria 提供了以下规则：
role-supports-aria-props: 如果给定角色支持指定的 ARIA 属性，则允许该属性，并在不支持该属性的角色上报告警告。tabindex-no-positive: 禁止整数tabindex值大于等于零。use-aria-attributes: 优先使用 ARIA 属性而不是原生 HTML 属性。use-aria-proptypes: 要求使用@types/aria中的类型定义 ARIA 属性和角色。
学习和指导意义
使用 @ms-aria/tslint-config-aria 有以下好处：
- 强制执行 ARIA 最佳实践，从而提高了 Web 应用程序的可访问性。
- 提供了一些有用的 TSLint 规则，可以帮助团队编写高质量的 TypeScript 代码。
- 学习如何使用此 npm 包，可以帮助前端开发人员提高对 ARIA 的理解和应用。
示例代码
以下是一个简单的 TypeScript 示例代码，它使用 @ms-aria/tslint-config-aria：
-- -------------------- ---- ------- ------ - --------- ------------ - ---- -------------------- ------------ --------- --------- --------- - ---- ------------------------ ----------- --------------- -------- ----------- ------------------ --- ----- ------------ ----------------- ----------------- ------- --- --- --- ---------- -------- ----------- ------------------ --- ----- ------------ ----------------- ----------------- ------- --- --- --- ---------- ---------------- -- -- ------ ----- ------------ - ---- - ------------------ -展开代码
如果此代码违反了 @ms-aria/tslint-config-aria 中的任何规则，则 TSLint 会提出相应的警告或错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bcc967216659e244823
