<marquee> 要素は非推奨であり、使用してはならない
ルールID:
marquee
ルールセット:
axe-core 4.10
ユーザーへの影響:
ガイドライン:
WCAG 2.1 (A), WCAG 2.0 (A), WCAG 2.2 (A), Trusted Tester, 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
Disabilities Affected
- 視力低下
- 運動・器用さ
- 認知的
Standard(s)
- WCAG 2.1 (A)
- WCAG 2.0 (A)
- WCAG 2.2 (A)
- Trusted Tester
- EN 301 549
WCAG 達成基準 [WCAG 2.1 (A)]
- 2.2.2: Pause, Stop, Hide
WCAG 達成基準 [WCAG 2.0 (A)]
- 2.2.2: Pause, Stop, Hide
WCAG 達成基準 [WCAG 2.2 (A)]
- 2.2.2: Pause, Stop, Hide
Trusted Tester 指南
- 2.B: The user can pause, stop, or hide moving, blinking, or scrolling content.
修正方法
本質的にプレゼンテーション的な非推奨の要素は、通常、カスケーディング スタイル シート (CSS) に置き換えられており、その使用により、支援技術がコンテンツを適切にレンダリングする機能が妨げられる可能性があります。
空であっても、すべての marquee 要素を削除してください。
削除するものの例
以下は、リンク付きのスクロール マーキー テキストのコードと、その後にレンダリングされた表示出力です。
<marquee behavior="scroll" direction="left"> Frisbeetarianism is the <a href="http://en.wikipedia.org/wiki/Belief">belief</a>
that when you <a href="http://en.wikipedia.org/wiki/Death">die</a>, your <a href="http://en.wikipedia.org/wiki/Soul">soul</a>
goes up on the <a href="http://en.wikipedia.org/wiki/Roof">roof</a> and gets stuck.</marquee>
なぜ重要なのか
marquee 要素は、読みにくくクリックしにくいスクロール テキストを作成します。それだけでなく、特に視力の弱い人、認知障害のある人、注意力に欠ける人にとっては、気を散らす可能性があります。
注意欠陥や認知障害のある人は、スクロールするコンテンツに気を取られてしまう可能性があります。スクロールするコンテンツにリンクが含まれている場合、細かい運動能力が限られている人はリンクを正確にクリックできない可能性があります。視覚障害のあるユーザーは、スクロールするテキストを十分な視力で見ることができず、コンテンツの内容が分からない場合があります。
ルールの説明
<marquee> 要素は非推奨であり、運動能力が限定されているユーザーにとっては使いづらくなり、認知障害や注意欠如症のユーザーにとっては注意を散らすため、存在してはなりません。
仕組みについて (簡単に言うと)
非推奨の marquee 要素が使用されていないことを確認します。
リソース
axe 4.10 ルールの一覧 を参照する
この情報は役に立ちましたか?
すでにフィードバックをいただきました、ありがとうございます。.
あなたの回答は次のとおりです。
この情報は役に立ちましたか?
フィードバックが提出された日付/時刻:
フィードバックが提出された日付/時刻: