1

我正在使用yaml builder创建一个 3 列 CSS 布局。在它生成的 HTML 中，有一个部分对我来说没有任何意义：

<!-- 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 回答