WCAG锚点链接

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

我不知道有什么特别的建议，但在WCAG2.0HTML和XHTML技术中，有一个使用空<a>元素实现此目的的示例。请参见H86，在ASCII蝶形符号下。

所以你应该没问题。

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属性，用户可以右键单击并获得指向文档中该点的链接，单击鼠标中键将新选项卡集中在该点上，并与另一个人共享指向该文档特定部分的链接。