特定のARIAロールは特定の親要素に配置する必要があります

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

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)

  • 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ロールが、必要な親要素に含まれていることを確認してください (存在する場合)。

    ARIA で使用できる関係プロパティは次のとおりです。

    • aria-activedescendant
    • aria-controls (主にグループ、リージョン、ウィジェットの役割を持つ要素で使用されます)
    • aria-describedby
    • aria-flowto (主に、広告や補足領域をスキップするための代替の読み取り/タブ順序を提供するために使用されます)
    • aria-labelledby
    • aria-owns (主にグループに属する要素を識別するために使用)
    • aria-posinset
    • aria-setsize

    ARIAを使うと、スクリーンリーダーに対して項目間の関係情報を伝えられます。これは項目間の関係を指定します（例えば、 aria-ownsや aria-controlsは、一つの項目が他の項目を所有または制御する親子関係を示しています）。

    なぜ重要なのか

    WAI-ARIAは、各ロールについて、どの子ロールと親ロールが許可されるか、または必須であるかを明示的に定義します。ARIA role 値を含む要素に必要な親要素 role 値がない場合は、支援技術は開発者の意図どおりに機能しません。

    支援技術のユーザーに対して階層（例えば、フォルダーツリー内の親コンテナ、アイテム、または兄弟の重要性など）の形でコンテキストを伝える必要がある場合、階層がコード構造やDOMツリーと同じでないと、ARIAロールの親要素を使わないと関係情報を提供する方法はありません。

    ルールの説明

    特定のARIAロールを特定の親要素に配置する必要があります。 role

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

    WAI-ARIAロールを含むすべての要素をチェックし、必要な親ロールがすべて存在することを確認します。

    リソース

    Deque University コースのページ (要登録)

    GitHub で axe-core に貢献する

    その他のリソース

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

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

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

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

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

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