ARIAとラベルで使用されるIDは一意である必要があります
ルールID:
duplicate-id-aria
ルールセット:
axe-core 4.10
ユーザーへの影響:
ガイドライン:
WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), EN 301 549
Learn Web Accessibility
Subscribe to our extensive curriculum of online self-paced courses
Compliance Data & Impact
Disabilities Affected
- 盲目
- 盲ろう者
Standard(s)
- WCAG 2.1 (A)
- WCAG 2.0 (A)
- WCAG 2.2 (A)
- EN 301 549
WCAG 達成基準 [WCAG 2.1 (A)]
- 4.1.2: Name, Role, Value
WCAG 達成基準 [WCAG 2.0 (A)]
- 4.1.2: Name, Role, Value
WCAG 達成基準 [WCAG 2.2 (A)]
- 4.1.2: Name, Role, Value
EN 301 549 指南
- 9.4.1.2: Name, Role, Value
修正方法
重複するID値の名前を変更してください。
重複したIDは一般的な検証エラーであり、フォーム フィールドやテーブル ヘッダー セルなどのラベルのアクセシビリティを損なう可能性があります。
この問題を解決するには、ID値が複数回使用されている場合はID値を変更して、それぞれが一意であることを確認する。一意のIDは各要素を他の要素と区別し、最初のインスタンスのみがクライアント側スクリプトによって処理される、または支援技術が通常最初のインスタンスのみを正確に参照するといった無効なマークアップを防止します。
なぜ重要なのか
重複したIDは一般的な検証エラーであり、ARIA要素、フォーム フィールド、テーブル ヘッダー セルなどのラベルのアクセシビリティを損なう可能性があります。
一意のIDは各要素を他の要素と区別し、最初のインスタンスのみがクライアント側スクリプトによって処理される、または支援技術が通常最初のインスタンスのみを正確に参照するといった無効なマークアップを防止します。
ルールの説明
ARIAまたはフォーム ラベルで使用される id 属性に割り当てられる値は、2番目のインスタンスが支援技術によって見落とされることを防ぐために一意である必要があります。言い換えると、ARIAおよびラベルで使用されるID値は、各要素を他の要素と区別するために、同じドキュメント内で複数回使用することはできません。
仕組みについて (簡単に言うと)
ARIA属性と for ラベルの属性で使用されるすべてのIDが一意であることを保証します。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: