Question

我一直试图在WCAG或WAI指南中找到创建链接锚的适当方法。

我目前有一个网站有这样的锚：

<h2><a name="blah" id="blah">Blah H2 Content</a></h2>

但是因为我不想添加不必要的CSS只是为了取消任何主播（不，他们并不是所有的标题），我想知道这是否可以访问：

<h2><a name="blah" id="blah"></a>Blah H2 Content</h2>

创建锚点的正确方法是什么？

Answer 1

我不知道有任何具体的建议，但在WCAG 2.0 HTML和XHTML技术中，有一个例子，为此目的使用空<a>元素。请参阅ASCII蝴蝶下面的H86。

所以你应该没事。

Answer 2

我建议有两种可能的选择，但首先我不建议使用空锚标签 - <a name="blah" id="blah"></a>。有了这个，锚点就什么都没有了，所以如果一个屏幕阅读器尝试提取一系列的tgas，它可以确定页面中的内容，这将毫无意义。

选项1.对标题使用`id`。

<h2 id="blah">Blah H2 Content</h2>

如果您想要对标题有一个锚点，请将其指向该标题。如果这有效，你可以使用example.html/mypage.html#blah降落到正确的位置。

选项2.添加`href`以使锚点有用。

<h2><a name="blah" id="blah" href="#blah">Blah H2 Content</a></h2>

如果锚对用户有用，那么可以轻松使用它。通过添加href属性，用户可以右键单击并获取指向文档中该点的链接，中间单击以将新选项卡聚焦在该点上，并与另一个人共享指向该文档特定部分的链接