ページ上の隠されたコンテンツを分析する必要がある

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

Learn Web Accessibility

Subscribe to our extensive curriculum of online self-paced courses

Compliance Data & Impact

User Impact


Minor
Critical

Disabilities Affected

  • 視覚を用いるキーボードユーザー
  • 盲目
  • 色覚異常

Standard(s)

  • Deque Best Practice

    修正方法

    このコンテンツを分析するには、その表示をトリガーする必要があります。失敗は、テスト対象のページのコンテンツの分析に問題があることを示しますが、「不完全」の場合は、分析するために公開する必要がある隠れた項目が特定される可能性があります。このルールに合格する(つまり、違反が見つからない)ということは、ページ上のすべてのコンテンツを分析することができ、テストで非表示のコンテンツが特定されなかったことを示します。

    Dequeの実験的なルールの1つである「隠しコンテンツ」ルールは、テスト対象のページに視覚的に隠されたコンテンツが存在するという事実を自動的に警告します。要素とそのコンテンツをスクリーン リーダーのみ、または視覚のあるユーザーのみから非表示にするさまざまな手法が存在します。また、視覚のあるユーザーとスクリーン リーダーを使用するユーザーの両方に対して同時にテキストを非表示にすることも可能です (たとえば、 display: none または visibility: hidden を含むCSSプロパティを使用するなど)。このような手法はすべて、アクセシビリティの問題に関するコンテンツの分析を妨げる可能性があるため、CSSで生成されたテキストと同様に、これらの手法は注意して使用してください。コンテンツを隠すために使用される手法に応じて、適切な手法を使用してコンテンツを露出させ、分析できるようにすることが解決策となります。

    なぜ重要なのか

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

    視覚的に隠されたコンテンツは、目の見えるユーザーとスクリーン リーダーを使用するユーザーの両方がアクセスできる必要があります。目の見えるユーザーに対してコンテンツを非表示にするやむを得ない理由がある場合、通常、目の見えないユーザーに対してもそのコンテンツを非表示にするやむを得ない理由があります。コンテンツを目の見えるユーザーが利用できるようにする場合、視覚障害のあるユーザーも利用できるようにすることが理にかなっています。

    CSSプロパティ display: none または visibility: hidden を使用すると、コンテンツはスクリーン リーダー ユーザー (およびすべての視覚を持つユーザー) に対して非表示になります。CSSプロパティを display: blockdisplay: inline に変更するか、他の表示値を使用すると、スクリーン リーダー ユーザーが項目を使用できるようになります。

    ルールの説明

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

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

    display: none; および visibility: hidden; のCSSスタイル プロパティ値をチェックし、ユーザーに、さらに確認が必要な非表示のアイテム コンテンツが存在することを警告します。

    リソース

    その他のリソース

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

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

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

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

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

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