ページ上の非表示のコンテンツは分析できません
修正方法
コンテンツを分析するには、そのコンテンツを表示させる必要があります。不合格はテスト中のページ内のコンテンツを分析するときに問題があったことを示しますが、その一方で「不十分」の場合、分析するために表示させなければならない非表示のコンテンツが特定されたかもしれません。このルールに合格すること (言い換えると、問題が見つからなかったこと) は、ページ内のすべてのコンテンツを分析できたことと、テストの結果非表示のコンテンツがなかったことを示します。
Deque の実験的なルールとして、この非表示のコンテンツのルールはテストされているページのコンテンツに非表示になっているものが存在することを自動的に警告します。 要素やその中のコンテンツをスクリーン・リーダーのユーザーのみ、あるいは目の見えるユーザーのみから非表示にする方法は複数あります。また、目の見えるユーザーとスクリーン・リーダーのユーザーの両方から同時にテキストを隠すことも可能です (例えば、display: none
や visibility: hidden
を含む CSS プロパティを使用して)。これらの方法すべてはコンテンツのアクセシビリティの問題を分析することを妨げるため、これらの方法を使用する際は注意が必要です。これはCSSにより生成されたテキストにも該当します。コンテンツを隠すために用いられた方法によって、適切な方法を用いてコンテンツを分析できるよう提示することが解決策になります。
なぜ重要なのか
非表示のコンテンツのアクセシビリティのルール違反は自動的に分析できません。
視覚的に非表示にされているコンテンツは、目の見えるユーザーおよびスクリーン・リーダーのユーザーの両方がアクセスできるようにしなければなりません。もし目の見えるユーザーからコンテンツを隠さなければならないやむを得ない理由があるならば、通常そのコンテンツを盲目のユーザーからも隠さなければならないやむを得ない理由が存在します。目の見えるユーザーにコンテンツが提供されるとき、盲目のユーザーにも提供することが合理的です。
CSS プロパティの display: none
または visibility: hidden
が使用されている場合、コンテンツはスクリーン・リーダーのユーザーから (そしてすべての目の見えるユーザーからも) 隠されます。CSS プロパティを display: block
, display: inline
あるいは他の display 値に変更することで、スクリーン・リーダーのユーザーにそれらの内容を提供できるようになります。
ルールの説明
アクセシビリティの違反について分析できない隠されているコンテンツについてユーザーに通知します。
仕組みについて (簡単に言うと)
display: none;
と visibility: hidden;
の CSS スタイルプロパティ値を確認し、さらなるレビューを要する隠されたコンテンツの存在をユーザーに通知します。