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

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

axe DevTools Proでよりアクセシビリティの高いウェブサイトを構築しましょう。

Intelligent Guided Tests™ を使用して、ページコンテンツに関する一連の簡単な質問に答えることで、さらに多くの問題を見つけて修正できます。無料トライアル。クレジットカードは必要ありません。

Compliance Data & Impact

User Impact

Disabilities Affected

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

Standard(s)

  • WCAG 2.1 (A)
  • WCAG 2.0 (A)

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

  • 1.3.1: 必須: Info and Relationships

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

  • 1.3.1: 必須: Info and Relationships

修正方法

もしあれば、すべての ARIA ロールが必要な親要素に含まれていることを確認します。

ARIA 内で提供されている関係性を表すプロパティは以下の通りです:

  • aria-activedescendant
  • aria-controls (主にロールが group、region または widget の要素に使用されます)
  • aria-describedby
  • aria-flowto (主に広告や補足的な領域を飛ばすための代わりの読み上げ/タブ順序を提供するために使用されます)
  • aria-labelledby
  • aria-owns (主にどの要素が group に属しているかを明確にするために使用されます)
  • aria-posinset
  • aria-setsize

ARIA はアイテム間の関係性を明確にし、関係性に関する情報をスクリーン・リーダーに伝えることを可能にします (例えば、aria-ownsaria-controls のいずれも、どちらかのアイテムがもう一方を所有あるいはコントロールする親子関係の一種を表します)。

なぜ重要なのか

各ロールに対し、WAI-ARIA は明確にどの子と親ロールが許可されているかおよび/または必須かを定義しています。ARIA role 値を含む要素から必須の親要素 role 値が不足していると、開発者が意図した通りに支援技術が動作することを可能にできません。

支援技術のユーザーに階層 (例えば、親コンテナの重要性、項目あるいはフォルダー内の兄弟ツリー) の形でコンテキストを伝えることが必要で、階層がコード構造または DOM ツリーと同等ではない場合、ARIA ロール親要素を使用しなければ、その関係性についての情報を伝える手段がありません。

ルールの説明

意図したアクセシビリティ機能を実行するため、いくつかの ARIA ロールは特定の親 role に含まれている必要があります。

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

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

リソース

その他のリソース

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

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

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

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

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

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