html - WCAG anchor 链接

Question

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

我目前有一个网站有这样的 anchor :

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

但由于我不想添加不必要的 CSS 只是为了取消任何 anchor (不，它们不全在标题中)，我想知道这是否可以访问或者它是否违反了 WCAG 或 WAI-ARIA 准则:

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

Answer 1

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

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

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

如果您想要针对标题设置 anchor ，请将其指向该标题。实际上，您仍然可以使用 example.html/mypage.html#blah降落在正确的地点。

选项 2. 添加 href所以 anchor 是有用的。

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

如果 anchor 对用户有用，请制作它以便他们可以轻松访问它。通过添加 href属性，用户可以右键单击并获得指向文档中该点的链接，单击鼠标中键可将新选项卡聚焦到该点，并与其他人共享指向文档特定部分的链接。