特定のARIAの役割には、特定の子が含まれている必要があります

ルールID: aria-required-children
ルールセット: axe-core 4.10
ユーザーへの影響: 緊急
ガイドライン: WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), EN 301 549
 

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

User Impact

緊急
Minor
Critical

Disabilities Affected

  • 視覚障害
  • 視聴覚障害
  • 運動障害

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)
  • WCAG 2.2 (A)
  • EN 301 549

WCAG 達成基準 [WCAG 2.1 (A)]

  • 1.3.1: 必須: Info and Relationships

WCAG 達成基準 [WCAG 2.0 (A)]

  • 1.3.1: 必須: Info and Relationships

WCAG 達成基準 [WCAG 2.2 (A)]

  • 1.3.1: 必須: Info and Relationships

    修正方法

    明確もしくは暗黙的なARIAロールを持つ要素が、必須の子要素を含むことを確認します。

    次の属性値はドキュメント構造からはすぐには判断できない要素間の関係性を表します。この関係性は、明確および暗黙的な role 属性値およびネストされた子要素から継承された role 属性値を一覧にした特性の表と関連しています。.

    類似 (反対) の情報については、 特定のARIAロールは特定の親に含まれていなければなりません をご参照ください。

    なぜ重要なのか

    各ロールに対し、WAI-ARIA は明確にどの子と親ロールが許可されているかおよび/または必須かを定義しています。ARIA role に必須の子 role が不足していると、開発者が意図したアクセシビリティ機能を実行できません。

    支援技術はコンテキストをユーザーに伝える必要があります。例えば、treeitem の場合、親 (コンテナ)、項目、あるいはフォルダー内の兄弟を把握できることが重要です。これは以下の二つの方法で対応できます:

    1. コード順序あるいは DOM: 必要なコンテキストは多くの場合、コード順序または DOM から明らかです。
    2. ARIA: ARIA (aria-owns など) はコード構造あるいは DOM ツリーと階層が同等ではない場合に、関係性を表すために使用できます。

    ルールの説明

    意図したアクセシビリティ機能を実行するため、要素に適用されたいくつかの ARIA 親 role 値は特定の子要素と role 値を含まなければなりません。

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

    WAI-ARIA ロールを含むすべての要素を確認し、すべての必須の子ロールが提供されていることを確認します。

    リソース

    その他のリソース

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

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

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

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

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

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