从yaml-builder生成的HTML中“跳过链接导航”的目的是什么？

Question

我正在使用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;
}

显然，删除它对我试过的浏览器没有任何影响，但我担心以后可能会再次咬我。有什么想法是为了什么？

Answer 1

这用于为使用屏幕阅读器等的人提供辅助功能。如果正在向您宣读该页面，那么在您到达之前必须收听每页上相同的5分钟菜单是非常烦人的。你想要的信息。

这些早期的链接让这些读者有机会绕过页面上的锅炉板材并跳过好东西。

Answer 2

适用于盲人使用的屏幕阅读器和盲文显示器。该链接隐藏在大多数nornal浏览器中，但盲人将“看到”它们。它允许他们跳过导航/菜单。这样他们就不必在每次加载页面时都听着电脑读出整个菜单结构。