← Back to rules

jsx-a11y/aria-proptypes 正しさ

何をするか

要素が無効な ARIA 状態およびプロパティの値を使用しないように制約します。

なぜ問題か

無効な ARIA 状態およびプロパティの値を使用すると、スクリーンリーダーその他の補助技術を誤解させる可能性があります。
これにより、ウェブサイトのアクセシビリティ機能が失敗し、障害を持つユーザーがサイトを効果的に利用することが難しくなる場合があります。

例

このルールに対する誤りの例：

<div aria-level="yes" />
<div aria-relevant="additions removalss" />

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

<div aria-label="foo" />
<div aria-labelledby="foo bar" />
<div aria-checked={false} />
<div aria-invalid="grammar" />

使用方法

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

Config (.oxlintrc.json)

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

CLI

oxlint --deny jsx-a11y/aria-proptypes --jsx-a11y-plugin

参照

• ルールのソース