特定の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
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-activedescendant -
aria-controls -
aria-describedby -
aria-flowto -
aria-labelledby -
aria-owns -
aria-posinset -
aria-setsize -
role="combobox"
同様の（反対の）情報については、 「特定のARIAロールは特定の親に含まれる必要がある」を参照する。
なぜ重要なのか
WAI-ARIAは、各ロールについて、どの子ロールと親ロールが許可されるか、または必須であるかを明示的に定義します。ARIA roleに必要な子要素 roleが欠落していると、開発者が意図したアクセシビリティ機能を実行できない。
支援技術はユーザーにコンテキストを伝える必要があります。たとえば、 treeitem内では、フォルダー内の親 (コンテナー)、アイテム、または兄弟を知ることが重要です。これは2つの方法で実行できます。
- コードの順序またはDOM: 必要なコンテキストは、多くの場合、コードの順序またはDOMから明らかになります。
-
ARIA: ARIA (
aria-ownsなど) は、階層がコード構造やDOMツリーと同じでない場合に関係を提供するために使用できます。
ルールの説明
要素に適用される一部のARIA親 role 値には、意図したアクセシビリティ機能を実行するために、特定の子要素と role 値が含まれている必要があります。
仕組みについて (簡単に言うと)
WAI-ARIAロールを含むすべての要素をチェックし、必要なすべての子ロールが存在することを確認します。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: