1

yaml ビルダーを使用して 3 列の CSS レイアウトを作成しています。それが生成する HTML には、私には意味をなさないセクションが 1 つあります。

<!-- start: skip link navigation -->
<a class="skip" title="skip link" href="#navigation">Skip 
    to the navigation</a><span class="hideme">.</span>
<a class="skip" title="skip link" href="#content">Skip 
    to the content</a><span class="hideme">.</span>
<!-- end: skip link navigation -->

クラスhidemeは次のようになります。

.hideme {
  position: absolute;
  left: -1000em;  /* LTR */
  top: -1000em;
}

どうやら、私が試したブラウザではそれを削除しても効果はありませんでしたが、後で戻ってくるのではないかと心配しています。これは何のためのアイデアですか？

4

2 に答える 2

3

これは、スクリーン リーダーなどを使用しているユーザーにアクセシビリティを提供するために使用されます。ページが読み上げられている場合、情報に到達する前に、すべてのページで同じメニューを 5 分間聞かなければならないのは非常に面倒です。欲しかった。

これらの初期のリンクは、これらの読者に、あなたのページの定型的なものを迂回して、良いものにスキップする機会を与えます.

于 2009-07-07T07:09:23.797 に答える
2

これは、視覚障害者が使用するスクリーン リーダーと点字ディスプレイ用です。ほとんどの通常のブラウザではリンクが隠されていますが、目の不自由な人はリンクを「見る」ことができます。ナビゲーション/メニューをスキップできます。そうすれば、ページが読み込まれるたびにコンピュータがメニュー構造全体を読み上げているのを座って聞いている必要がなくなります。

于 2009-07-07T07:08:59.553 に答える