← Back to rules

jsx-a11y/click-events-have-key-events 正しさ

An auto-fix is available for this rule.

何を実行するか

onClick に、以下のいずれか（少なくとも1つ）が併用されていることを強制します：onKeyUp、onKeyDown、onKeyPress。

なぜ問題なのか

キーボード操作の対応は、マウスを使えない身体的な障害を持つユーザー、アクセシビリティツール（AT）との互換性、画面読み上げユーザーにとって重要です。 このルールは、インタラクティブまたは非表示の要素には適用されません。

例

このルールに対して不適切なコードの例：

<div onClick={() => void 0} />

このルールに対して適切なコードの例：

<div onClick={() => void 0} onKeyDown={() => void 0} />

使用方法

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

Config (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/click-events-have-key-events": "error"
  }
}

CLI

oxlint --deny jsx-a11y/click-events-have-key-events --jsx-a11y-plugin

参照

• ルールのソース