オートコンプリート属性を正しく使用する必要があります
ルールID:
autocomplete-valid
ルールセット:
axe-core 4.10
ユーザーへの影響:
ガイドライン:
WCAG 2.1 (AA), WCAG 2.2 (AA), EN 301 549
Start building more accessible experiences
Axe DevTools Pro helps dev teams find and fix up to 80% of accessibility issues while coding. No experience required. Get started with your free trial today.
Compliance Data & Impact
Disabilities Affected
- 注意欠陥障害
- 盲目
- 視力低下
- 盲ろう者
- 運動・器用さ
- 認知的
Standard(s)
- WCAG 2.1 (AA)
- WCAG 2.2 (AA)
- EN 301 549
WCAG 達成基準 [WCAG 2.1 (AA)]
- 1.3.5: Identify Input Purpose
WCAG 達成基準 [WCAG 2.2 (AA)]
- 1.3.5: Identify Input Purpose
修正方法
- 個人データを受け入れるフォーム要素を識別します。
-
個人データを受け入れる各フォーム要素について:
- 個人データが、WCAG 2.1セクション7「ユーザー インターフェイス コンポーネントの入力目的」で識別される53種類のデータのいずれかであるかどうかを確認します (新しいウィンドウで開く)。
- そのUIコンポーネントの目的を識別するために、autocomplete属性に適切な値が設定されていることを確認します。
なぜ重要なのか
フォーム フィールドにオートコンプリート値を指定しないと、アクセス不能なコンテンツが生じます。適切なオートコンプリート属性値が欠落している場合、スクリーン リーダーは識別されたオートコンプリート フォーム フィールドを読み取りません。スクリーン リーダーがフォーム フィールドの操作要件に関してユーザーに適切な情報を提供できない場合、ユーザーはフォームを正しく操作できません。
ルールの説明
個人の個人データを収集する各共通入力フィールドの目的は、ユーザー インターフェイス コンポーネントの53の入力目的のリストに基づいてプログラムで定義されます。スクリーン リーダーが正しく機能するには、オートコンプリート属性値が有効であり、正しく適用されている必要があります。
仕組みについて (簡単に言うと)
ユーザーに関する情報を収集する各入力フィールドの目的は、次の場合にプログラム的に決定できます。
- 入力フィールドは、「ユーザーインターフェースコンポーネントの入力目的」セクションで特定された目的を役立つ。
- コンテンツは、フォーム入力データに期待される意味を特定するためのサポートを備えたテクノロジーを使用して実装されています。
リソース
Deque University コースのページ (要登録)
関連するコース情報はありません。
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: