ページ上の非表示のコンテンツは分析できません

ルールID: hidden-content
ルールセット: axe-core 4.10
ユーザーへの影響: 軽微
ガイドライン: Deque Best Practice
 

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

User Impact

軽微
Minor
Critical

Disabilities Affected

  • 目の見えるキーボードユーザー
  • 視覚障害
  • 色覚障害

Standard(s)

  • Deque Best Practice

    修正方法

    コンテンツを分析するには、そのコンテンツを表示させる必要があります。不合格はテスト中のページ内のコンテンツを分析するときに問題があったことを示しますが、その一方で「不十分」の場合、分析するために表示させなければならない非表示のコンテンツが特定されたかもしれません。このルールに合格すること (言い換えると、問題が見つからなかったこと) は、ページ内のすべてのコンテンツを分析できたことと、テストの結果非表示のコンテンツがなかったことを示します。

    Deque の実験的なルールとして、この非表示のコンテンツのルールはテストされているページのコンテンツに非表示になっているものが存在することを自動的に警告します。 要素やその中のコンテンツをスクリーン・リーダーのユーザーのみ、あるいは目の見えるユーザーのみから非表示にする方法は複数あります。また、目の見えるユーザーとスクリーン・リーダーのユーザーの両方から同時にテキストを隠すことも可能です (例えば、display: nonevisibility: hidden を含む CSS プロパティを使用して)。これらの方法すべてはコンテンツのアクセシビリティの問題を分析することを妨げるため、これらの方法を使用する際は注意が必要です。これはCSSにより生成されたテキストにも該当します。コンテンツを隠すために用いられた方法によって、適切な方法を用いてコンテンツを分析できるよう提示することが解決策になります。

    なぜ重要なのか

    非表示のコンテンツのアクセシビリティのルール違反は自動的に分析できません。

    視覚的に非表示にされているコンテンツは、目の見えるユーザーおよびスクリーン・リーダーのユーザーの両方がアクセスできるようにしなければなりません。もし目の見えるユーザーからコンテンツを隠さなければならないやむを得ない理由があるならば、通常そのコンテンツを盲目のユーザーからも隠さなければならないやむを得ない理由が存在します。目の見えるユーザーにコンテンツが提供されるとき、盲目のユーザーにも提供することが合理的です。

    CSS プロパティの display: none または visibility: hidden が使用されている場合、コンテンツはスクリーン・リーダーのユーザーから (そしてすべての目の見えるユーザーからも) 隠されます。CSS プロパティを display: block, display: inline あるいは他の display 値に変更することで、スクリーン・リーダーのユーザーにそれらの内容を提供できるようになります。

    ルールの説明

    アクセシビリティの違反について分析できない隠されているコンテンツについてユーザーに通知します。

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

    display: none;visibility: hidden; の CSS スタイルプロパティ値を確認し、さらなるレビューを要する隠されたコンテンツの存在をユーザーに通知します。

    リソース

    その他のリソース

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

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

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

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

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

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