Skip to content
← Back to rules

jsx-a11y/role-has-required-aria-props 正しさ

何をするか

ARIA ロールを持つ要素が、そのロールに必要なすべての属性を持っていることを強制します。

なぜ問題なのか

特定の ARIA ロールは、補助技術にとって必要な意味を表現するために、特定の属性を必要とします。

このルールに対する 誤り なコードの例:

jsx
<div role="checkbox" />

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

jsx
<div role="checkbox" aria-checked="false" />

使用方法

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

json
{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/role-has-required-aria-props": "error"
  }
}
bash
oxlint --deny jsx-a11y/role-has-required-aria-props --jsx-a11y-plugin

参照