← Back to rules

jsx-a11y/aria-proptypes 正确性

它做了什么

强制元素不使用无效的 ARIA 状态和属性值。

为什么这是个问题？

使用无效的 ARIA 状态和属性值可能会误导屏幕阅读器和其他辅助技术。 这可能导致网站的可访问性功能失效，使得残障用户难以有效使用该网站。

示例

此规则的错误代码示例：

<div aria-level="yes" />
<div aria-relevant="additions removalss" />

此规则的正确代码示例：

<div aria-label="foo" />
<div aria-labelledby="foo bar" />
<div aria-checked={false} />
<div aria-invalid="grammar" />

如何使用

要通过配置文件或在 CLI 中启用此规则，可以使用：

配置文件 (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/aria-proptypes": "error"
  }
}

CLI

oxlint --deny jsx-a11y/aria-proptypes --jsx-a11y-plugin

参考资料

• 规则源码