← Back to rules

jsx-a11y/autocomplete-valid 正しさ

何をするか

要素の autocomplete 属性が有効な値であることを強制します。

なぜ問題なのか

autocomplete 属性を誤って使用すると、ユーザーにとってウェブサイトのアクセシビリティが低下する可能性があります。

例

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

<input autocomplete="無効な値" />

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

<input autocomplete="name" />

設定

このルールは以下のプロパティを持つ設定オブジェクトを受け入れます：

inputComponents

type: string[]

default: ["input"]

入力要素として扱われるべきカスタムコンポーネント名のリストです。

使用方法

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

設定 (.oxlintrc.json)

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

CLI

oxlint --deny jsx-a11y/autocomplete-valid --jsx-a11y-plugin

参照

• ルールのソース