jsx-a11y/no-redundant-roles Correctness

🛠️ An auto-fix is available for this rule.

Enforces that code does not include a redundant role property, in the case that it's identical to the implicit role property of the element type.

Redundant roles can lead to confusion and verbosity in the codebase.

This rule applies for the following elements and their implicit roles:

Examples of incorrect code for this rule:

jsx

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

Examples of correct code for this rule:

jsx

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

How to use

To enable this rule using the config file or in the CLI, you can use:

Config (.oxlintrc.json)CLI

json

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/no-redundant-roles": "error"
  }
}

bash

oxlint --deny jsx-a11y/no-redundant-roles --jsx-a11y-plugin