← Back to rules

jsx-a11y/scope 正しさ

🛠️ An auto-fix is available for this rule.

何をしますか

scope プロパティは <th> 要素でのみ使用する必要があります。

なぜ悪いですか？

scope 属性は、正しい使い方をすれば画面読み上げユーザーにとってテーブルのナビゲーションを非常に簡単にします。 誤って使用すると、テーブルのナビゲーションがさらに難しくなり、効率も悪くなります。 画面読み上げソフトウェアは、テーブルにヘッダーがあると仮定して動作しており、そのヘッダーがスコープを示していると想定しています。画面読み上げソフトウェアの動作方法のため、正確なヘッダーがあることで、デバイスを使用する人々にとってテーブルの視認性が大幅に向上し、より効率的になります。

例

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

<div scope />

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

<th scope="col" />
<th scope={scope} />

使い方

設定ファイルまたは CLI でこのルールを有効化するには、以下のいずれかを使用できます：

Config (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/scope": "error"
  }
}

CLI

oxlint --deny jsx-a11y/scope --jsx-a11y-plugin

参照

• ルールのソース