Skip to content
← Back to rules

jsx-a11y/no-redundant-roles 正确性

An auto-fix is available for this rule.

它做了什么

强制代码中不包含冗余的 role 属性,当该属性与元素类型的隐式 role 属性相同时。

为什么这是个问题?

冗余的角色属性可能导致代码库中出现混淆和冗长。

示例

此规则适用于以下元素及其隐式角色:

  • <nav>navigation
  • <button>button
  • <body>document

以下为错误的代码示例:

jsx
<nav role="navigation"></nav>
<button role="button"></button>
<body role="document"></body>

以下为正确的代码示例:

jsx
<nav></nav>
<button></button>
<body></body>

如何使用

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

json
{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/no-redundant-roles": "error"
  }
}
bash
oxlint --deny jsx-a11y/no-redundant-roles --jsx-a11y-plugin

参考资料