特定のARIAの役割は、特定の親要素に含まれている必要があります
修正方法
もしあれば、すべての ARIA ロールが必要な親要素に含まれていることを確認します。
ARIA 内で提供されている関係性を表すプロパティは以下の通りです:
- aria-activedescendant
- aria-controls (主にロールが group、region または widget の要素に使用されます)
- aria-describedby
- aria-flowto (主に広告や補足的な領域を飛ばすための代わりの読み上げ/タブ順序を提供するために使用されます)
- aria-labelledby
- aria-owns (主にどの要素が group に属しているかを明確にするために使用されます)
- aria-posinset
- aria-setsize
ARIA はアイテム間の関係性を明確にし、関係性に関する情報をスクリーン・リーダーに伝えることを可能にします (例えば、aria-owns
、 aria-controls
のいずれも、どちらかのアイテムがもう一方を所有あるいはコントロールする親子関係の一種を表します)。
なぜ重要なのか
各ロールに対し、WAI-ARIA は明確にどの子と親ロールが許可されているかおよび/または必須かを定義しています。ARIA role
値を含む要素から必須の親要素 role
値が不足していると、開発者が意図した通りに支援技術が動作することを可能にできません。
支援技術のユーザーに階層 (例えば、親コンテナの重要性、項目あるいはフォルダー内の兄弟ツリー) の形でコンテキストを伝えることが必要で、階層がコード構造または DOM ツリーと同等ではない場合、ARIA ロール親要素を使用しなければ、その関係性についての情報を伝える手段がありません。
ルールの説明
意図したアクセシビリティ機能を実行するため、いくつかの ARIA ロールは特定の親 role
に含まれている必要があります。
仕組みについて (簡単に言うと)
WAI-ARIA ロールを含むすべての要素を確認し、親ロールが存在することを確認します。