アクティブID属性値は一意である必要があります

ルールID: duplicate-id-active
ルールセット: axe-core 4.1
ユーザーへの影響: 緊急
ガイドライン: WCAG 2.1 (A), WCAG 2.0 (A)

Learn Web Accessibility

Subscribe to our extensive curriculum of online self-paced courses

コンプライアンスデータと影響

ユーザーへの影響

緊急
軽微
緊急

影響を受ける障害

  • 視覚障害
  • 視聴覚障害

規格

  • 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

修正方法

フォーカス可能な要素に ID を再利用している属性の名前を変更します。

重複している ID は、フォーカス可能な要素、フォーム、表のヘッダーセルなどのラベルのアクセシビリティを損なうよくある構文エラーです。

この問題を修正するには、 ID の値を複数回使用している場合、確実に一意になるよう変更します。これにより各フォーカス可能な要素が他のものと区別され、仕様にそっていないマークアップを防ぎます。そして、一つ目のインスタンスのみがクライアントサイドスクリプティングに処理される、あるいは支援技術は通常一つ目のみを正確に参照します。

優れたマークアップは最低でも一つのアクセシビリティの問題の原因を取り除きます。WCAG 1.0 では明確に仕様にそったマークアップを求める基準が存在していました。この要件は WCAG 2.0 からは削除されました。ここでこの件について触れているのは、仕様にそったマークアップがアクセシビリティを確保するための近道であるためです。仕様にそっていないマークアップをする方法は何百通りもあります。これらの方法のほとんどは、例えば、エンコードされていないアンパサンドなど、アクセシビリティにとって通常重要ではありません。ただし、その他はとても重要で、後続の要素属性 ID のインスタンスが無視されるといった、支援技術がどのようにページと関わるかといったことや、エンドユーザーに向けてどのようにページをレンダリングするかといったことに関連した問題を起こす可能性があります。

再利用された属性 ID の値を素早く特定するために HTML のマークアップが仕様にそっているかどうかを検査する方法の一つは、http://validator.w3.org にある W3C のバリデーターでコードを送信することです。

なぜ重要なのか

ID 属性はページ内の要素を一意に識別します。ID を繰り返しても意味をなしません。

重複している ID は、フォームのラベル、表のヘッダーセルなどを含む、フォーカス可能な要素のアクセシビリティを損なわせることができます。スクリーン・リーダーとクライアントサイドスクリプトは一つ目のインスタンス以外、あらゆる重複をスキップします。重複した ID は、アクセシビリティを損なっていない場合、アクセシビリティの問題となりうる原因を取り除くことができるよくあるマークアップバリデーションのエラーです。

クライアントサイドスクリプティングの経験がある人は、ID を再利用すると、スクリプトによって唯一処理されるのは、通常その ID を用いる一つ目のインスタンスであることを知っています。同じように、支援技術が ID を参照するとき、最初のものだけが正確に参照される可能性があります。

ルールの説明

フォーカス可能な要素の ID 属性に指定された値は、支援技術が二つ目のインスタンスを見逃さないよう、一意でなければなりません。別の言い方をすると、ID 属性は各フォーカス可能な要素を他のものと区別するために、同じドキュメントの中でフォーカス可能な要素に一度より多く使用してはなりません。

仕組みについて (簡単に言うと)

各フォーカス可能な要素の ID 属性の値が一意であることを確認します。

リソース

その他のリソース

その他リソースもあわせてご参照ください。

axe 4.1 ルールの一覧 を参照する

この情報は役に立ちましたか?

フィードバックはすでにいただいております。ありがとうございました。.

回答内容は以下の通りです:

この情報は役に立ちましたか?
フィードバックが送信された日時: