プレゼンテーションとしてマークされた要素が常に無視されるようにする
Need accessibility training?
Deque University offers an extensive curriculum of self-guided online courses for every skillset and experience level.
Compliance Data & Impact
Disabilities Affected
- 盲目
- 視力低下
- 運動・器用さ
Standard(s)
- Deque Best Practice
修正方法
正しいマークアップソリューション
presentation-role-conflict そのルールには、テスト基準を満たす2つのマークアップ パターンがあります。
<li role="none"></li>
<li role="presentation"></li>-
role="none"またはrole="presentation"の各要素が、次の特性のいずれも持っていないことを確認します。- グローバルARIA属性
- フォーカス可能（ネイティブに、または
tabindexを使用して）
誤ったマークアップソリューション
presentation-role-conflict ルールには、テスト基準を満たさない3つのマークアップ パターンがあります。
<li role="none" id="global-attr" aria-hidden="true"></li>
<button id="natively-focusable" role="none"></button>
<img alt="" id="tabindex" tabindex="0"/>
なぜ重要なのか
role="none" または role="presentation" を持つ要素のセマンティック ロールが、それぞれnoneまたはpresentationに解決されない場合があります。このような場合、要素はアクセシビリティ ツリーから削除されず (予想どおり)、スクリーン リーダーは要素を操作できるようになります。
要素がアクセシビリティ ツリーから削除されたままであることを保証するには、要素にグローバルARIA属性を追加したり、フォーカス可能にしたりしないでください。
ルールの説明
アクセシビリティ ツリーから削除されるようにマークされた要素が実際に削除されるようにします。
仕組みについて (簡単に言うと)
role=“none” または role=“presentation” を持つすべての要素をチェックして、グローバルARIA属性がなく、フォーカス可能でないことを確認します。
リソース
Deque University コースのページ (要登録)
関連するコース情報はありません。
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: