HTML5如何在名称属性过时时跳过导航

时间:2010-06-14 10:00:00

标签: html html5

在“Web内容辅助功能指南”中指出,您应提供“跳过”链接,该链接会(例如)跳过导航块并直接跳转到内容中。这对于使用屏幕阅读器以声音方式描述页面的受损用户特别有用。

6.2分组和绕过链接WCAG Guidelines

但是,此技术依赖于在锚标记上使用name属性:

<h2><a name="content">Content</a></h2>

连同跳转链接:

<a href="#content">Skip to content</a>

问题是,锚标记的“name”属性在HTML5中已经过时。 HTML Obsolete Features

有没有其他方法可以在不使用name属性的情况下实现此“跳到”功能?

脚注:仍在草案中的HTML5规范的状态,在这种情况下实际上可能继续允许使用name属性 - 尽管它可能仍然会生成“警告”。它目前被标记为“过时但符合”,这意味着你仍然可以使用它 - 但是,我想知道其他方法来执行“跳到”,看看有没有办法做到这一点' t依赖于过时的属性。

1 个答案:

答案 0 :(得分:36)

您可以使用具有<a>属性的任何元素,而不是使用id标记:

<h2 id="content">Content</h2>

<a href="#content">Skip to content</a>
编辑,发现你是一个来源(尽管它是维基百科; - )):

  

或者(有时同时),设置name或id属性,元素成为目标。统一资源定位符可以通过片段标识符链接到此目标。 现在可以使用id属性[2]将任何元素制作为锚点,因此不需要使用<a name="foo">

http://en.wikipedia.org/wiki/HTML_element#Anchor