html - WCAG 锚链接

Question

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

我目前有一个具有以下锚点的网站：

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

但由于我不想添加不必要的 CSS 只是为了取消任何锚点（不，它们并不都在标题中），我想知道这是否可以访问，或者它是否违反了 WCAG 或 WAI-ARIA 准则：

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

Answer 1

我不知道有什么具体建议，但在 WCAG 2.0 HTML 和 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属性，用户可以右键单击并获得指向文档中该点的链接，单击中键将新选项卡聚焦在该点上，并与其他人共享指向文档特定部分的链接。