← Back to rules

jsx-a11y/prefer-tag-over-role 正しさ

何をするか

role 属性よりもセマンティックな HTML タグの使用を強制します。

なぜ問題なのか

セマンティックな HTML タグを使用することで、コードのアクセシビリティと可読性が向上します。

例

このルールに違反する不正なコードの例:

<div role="button" />

このルールに従う正しいコードの例:

<button />

使い方

設定ファイルまたは CLI でこのルールを有効化するには、次のように使用できます：

Config (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/prefer-tag-over-role": "error"
  }
}

CLI

oxlint --deny jsx-a11y/prefer-tag-over-role --jsx-a11y-plugin

参照

• ルールのソース