ページ上の隠されたコンテンツを分析する必要がある
修正方法
このコンテンツを分析するには、その表示をトリガーする必要があります。失敗は、テスト対象のページのコンテンツの分析に問題があることを示しますが、「不完全」の場合は、分析するために公開する必要がある隠れた項目が特定される可能性があります。このルールに合格する(つまり、違反が見つからない)ということは、ページ上のすべてのコンテンツを分析することができ、テストで非表示のコンテンツが特定されなかったことを示します。
Dequeの実験的なルールの1つである「隠しコンテンツ」ルールは、テスト対象のページに視覚的に隠されたコンテンツが存在するという事実を自動的に警告します。要素とそのコンテンツをスクリーン リーダーのみ、または視覚のあるユーザーのみから非表示にするさまざまな手法が存在します。また、視覚のあるユーザーとスクリーン リーダーを使用するユーザーの両方に対して同時にテキストを非表示にすることも可能です (たとえば、 display: none
または visibility: hidden
を含むCSSプロパティを使用するなど)。このような手法はすべて、アクセシビリティの問題に関するコンテンツの分析を妨げる可能性があるため、CSSで生成されたテキストと同様に、これらの手法は注意して使用してください。コンテンツを隠すために使用される手法に応じて、適切な手法を使用してコンテンツを露出させ、分析できるようにすることが解決策となります。
なぜ重要なのか
非表示のコンテンツは、アクセシビリティ ルール違反について自動的に分析することはできません。
視覚的に隠されたコンテンツは、目の見えるユーザーとスクリーン リーダーを使用するユーザーの両方がアクセスできる必要があります。目の見えるユーザーに対してコンテンツを非表示にするやむを得ない理由がある場合、通常、目の見えないユーザーに対してもそのコンテンツを非表示にするやむを得ない理由があります。コンテンツを目の見えるユーザーが利用できるようにする場合、視覚障害のあるユーザーも利用できるようにすることが理にかなっています。
CSSプロパティ display: none
または visibility: hidden
を使用すると、コンテンツはスクリーン リーダー ユーザー (およびすべての視覚を持つユーザー) に対して非表示になります。CSSプロパティを display: block
、 display: inline
に変更するか、他の表示値を使用すると、スクリーン リーダー ユーザーが項目を使用できるようになります。
ルールの説明
アクセシビリティ違反を分析できない非表示のコンテンツについてユーザーに通知します。
仕組みについて (簡単に言うと)
display: none;
および visibility: hidden;
のCSSスタイル プロパティ値をチェックし、ユーザーに、さらに確認が必要な非表示のアイテム コンテンツが存在することを警告します。