← Back to rules

jsx-a11y/tabindex-no-positive 正しさ

An auto-fix is available for this rule.

何をするか

JSX 内で tabIndex 属性に正の値を使用しないように制限します。

なぜ問題なのか

tabIndex 値が 0 より大きいと、キーボード操作や補助技術のユーザーにとってナビゲーションや操作が困難になり、コンテンツの論理的な順序が乱れます。

例

このルールに違反する誤ったコードの例：

<span tabIndex="1">foo</span>

このルールに準拠する正しいコードの例：

<span tabIndex="0">foo</span>
<span tabIndex="-1">bar</span>

使い方

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

設定 (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/tabindex-no-positive": "error"
  }
}

CLI

oxlint --deny jsx-a11y/tabindex-no-positive --jsx-a11y-plugin

参照

• ルールのソース