Skip to content
← Back to rules

jsx-a11y/prefer-tag-over-role 正确性

它做了什么

强制使用语义化的 HTML 标签而非 role 属性。

为什么这是不好的?

使用语义化的 HTML 标签可以提升代码的可访问性和可读性。

示例

此规则的 错误 代码示例:

jsx
<div role="button" />

此规则的 正确 代码示例:

jsx
<button />

如何使用

要通过配置文件或命令行启用此规则,可以使用:

json
{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/prefer-tag-over-role": "error"
  }
}
bash
oxlint --deny jsx-a11y/prefer-tag-over-role --jsx-a11y-plugin

参考资料