FacebookのサイトでFB_HiddenContainer div要素を使用するにはどうすればよいですか？

要素のサイズは0pxで、絶対位置は-10000pxです。私は他のサイトの同様の非表示のdivを見てきましたが、ソースコードの一番近くで呼び出され、他の要素は含まれていません。FacebookのサイトでFB_HiddenContainer div要素を使用するにはどうすればよいですか？

出典

2012-01-23 unblevable

スクリーンリーダーが盲人のために読み上げるために使用されます。一般に、盲人や視覚障害者がスクリーンリーダーを通じてウェブにアクセスできるように、他のユーザーにも特定のW3Cのルールが指定されています（alt=""など）。視覚的にカーソルを置くことはできません。スクリーンリーダーと組み合わせてキーボードを使用して、Webページのさまざまな要素にアクセスすることはできません。重度の身体障害を持つ人々は、キーボードのタブキーの機能を反映する単純なスイッチデバイスに依存してページを移動します。標準サイトのほとんどでは、

のようにCSSを定義した <h1 class="logo"><strong>Site Name</strong></h1>タグを見たことがあります。

.header .logo strong { 
font-size: 0; 
height: 0; 
left: -999em; 
line-height: 0; 
overflow: hidden; 
position: absolute; 
text-indent: -999em; 
top: -999em; 
width: 0;

} スクリーンリーダーに簡単にアクセスできるようにします。

あなたはこれらのリンクを参照してより多くの情報を読み出すことができます： -

http://www.webbie.org.uk/webbie.htm 
http://www-03.ibm.com/able/guidelines/web/webcss.html 
http://www.w3.org/TR/WCAG10-TECHS/#Techniques 
http://www.unleashwebaccess.com/2011/02/help-blind-users-read-your-blog-help-everyone/

この情報は、いくつかの方法を、あなたの好奇心を来るために役立つことを願っていますが... :)

出典

2012-01-23 12:37:03 Gurvinder

おかげで、見ることが困難でした要素には意味がありません。しかし、アクセシビリティを考えれば、彼らは今や理にかなっています。 – unblevable

display: noneではなく、奇妙なpositionで隠された要素が表示されている場合は、後で使用するために非同期呼び出しの結果を格納するために使用されている可能性があります。

出典

2012-01-23 03:23:52 ranksrejoined

FacebookのサイトでFB_HiddenContainer div要素を使用するにはどうすればよいですか？

答えて

関連する問題