ARIAおよびラベルで使用されるIDは一意である必要があります
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.
コンプライアンスデータと影響
影響を受ける障害
- 視覚障害
- 視聴覚障害
規格
- WCAG 2.1 (A)
- WCAG 2.0 (A)
WCAG 達成基準 [WCAG 2.1 (A)]
- 4.1.1: 必須: Parsing
WCAG 達成基準 [WCAG 2.0 (A)]
- 4.1.1: 必須: Parsing
修正方法
重複した ARIA ID 値の名前を変更します。
重複している ARIA ID は、ラベル (例: フォーム欄、表のヘッダーセル) のアクセシビリティを損なう可能性のある、よくある構文エラーです。
この問題を修正するには、ID の値を複数回使用している場合、確実に一意になるよう変更します。一意の ID は、各要素を他のものと区別し、有効ではないマークアップを防ぎます。そして、一つ目のインスタンスのみがクライアントサイドスクリプティングに処理される、あるいは支援技術は通常一つ目のみを正確に参照します。
なぜ重要なのか
重複している ARIA ID は、ラベル (例: フォーム欄、表のヘッダーセル) のアクセシビリティを損なう可能性のある、よくある構文エラーです。
一意の ID は、各要素を他のものと区別し、有効ではないマークアップを防ぎます。そして、一つ目のインスタンスのみがクライアントサイドスクリプティングにより処理される、または支援技術は通常一つ目のみを正確に参照します。
ルールの説明
ARIA ID 属性に指定された値は、支援技術が二つ目のインスタンスを見逃さないよう、一意でなければなりません。別の言い方をすると、ARIA ID 属性は同じドキュメントの中で、各要素を他の要素と区別するため、1回より多く使用できません。
仕組みについて (簡単に言うと)
すべての ARIA ID 値が一意であることを確認します。
リソース
axe 4.4 ルールの一覧 を参照する
この情報は役に立ちましたか？
フィードバックはすでにいただいております。ありがとうございました。.
回答内容は以下の通りです:
この情報は役に立ちましたか？
フィードバックが送信された日時:
フィードバックが送信された日時: