アクティブ要素のIDは一意である必要があります

ルールID: duplicate-id-active
ルールセット: axe-core 4.10
ユーザーへの影響:
ガイドライン: Not specified, or not applicable

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

User Impact


Minor
Critical

Disabilities Affected

  • 盲目
  • 盲ろう者

Standard(s)

  • Not specified, or not applicable

修正方法

アクティブでフォーカス可能な要素でIDを再利用する属性の名前を変更してください。

重複したアクティブIDは一般的な検証エラーであり、フォーカス可能な要素、フォーム、テーブル ヘッダー セルなどのラベルのアクセシビリティを損なう可能性があります。

この問題を解決するには、重複したID値を変更して、各IDが一意になるように変更します。一意のID値により、フォーカス可能な各要素が他の要素と区別され、無効なマークアップが防止されます。アクティブIDインスタンスは、クライアント側のスクリプトによって処理されます。また、支援技術では通常、繰り返される要素のアクティブIDのみを参照します。

適切なマークアップにより、アクセシビリティの問題の原因となる可能性のある少なくとも1つの原因が排除されます。WCAG 1.0には、有効なマークアップの使用を明示的に要求する規定がありました。この要件はWCAG 2.0から削除されました。ここで言及する理由は、有効なマークアップはアクセシビリティを確保するための近道だからです。検証の問題のほとんどは、通常、アクセシビリティには影響しません (例: エンコードされていない&記号)。その他のID検証エラーは非常に重要であり、支援技術がページと対話し、エンド ユーザーにページをレンダリングする方法に関連する問題を引き起こす可能性があります。

再利用された属性ID値をすばやく識別するためにHTMLマークアップの有効性をテストする1つの方法は、コードをhttp://validator.w3.orgのW3Cバリデーターに送信することです

なぜ重要なのか

ID属性は、ページ上のフォーカス可能な要素を一意に識別します。アクティブなIDを複製しても意味がありません。

アクティブID値が重複すると、フォームのラベル、テーブル ヘッダー セルなどのフォーカス可能な要素のアクセシビリティが損なわれます。スクリーン リーダーとクライアント側スクリプトは、最初のインスタンス以外の重複をスキップします。HTMLファイルを検証することで、アクセシビリティを損なわずに、アクセシビリティの問題の可能性を防止し、排除するのに役立ちます。

クライアント側スクリプトの経験がある人なら、アクティブIDを再利用する場合、通常、スクリプトによって処理されるのはそのアクティブIDが最初に使用されたインスタンスのみであることを知っています。同様に、支援技術は、アクティブIDを参照する場合、最初のIDのみを正確に参照する場合があります。

ルールの説明

フォーカス可能な要素のアクティブID属性に割り当てられる値は、支援技術によって2番目のインスタンスが見落とされないように、一意である必要があります。言い換えると、アクティブID属性は、同じドキュメント内のフォーカス可能な要素に複数回使用することはできません。フォーカス可能なアクティブ要素には、支援技術が要素を区別するための一意のIDが必要です。

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

アクティブIDを持つページ上のフォーカス可能な各要素に一意の値があることを確認します。

リソース

その他のリソース

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

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

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

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

あなたの回答は次のとおりです。

この情報は役に立ちましたか?
フィードバックが提出された日付/時刻: