ARIAおよびラベルで使用されるIDは一意である必要があります
Accessibility testing for dev teams - No experience required
Find and fix up to 80% of accessibility issues with axe DevTools Pro. Get started with your free trial today. No credit card needed.
Compliance Data & Impact
Disabilities Affected
- 視覚障害
- 視聴覚障害
Standard(s)
- 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.3 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: