jsx-a11y/no-redundant-roles 正确性
它做了什么
强制代码中不包含冗余的 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