Html 链接片段的任何可访问性重要性'；什么是目标ID？

我制作了一些可以使用javascript的标签，现在我正在考虑提高可访问性

这是我的第一个解决方案。没有javascript时，页面上的所有内容都可见：

<ul>
 <li>Contact us</li>
 <li>Find us</li>
</ul>

<h2>Contact us</h2>
<p>Text about how to contact us</p>

<h2>Find us</h2>
<p>Text about how to find us</p>

联系我们
找到我们

联系我们
关于如何联系我们的文字

找到我们
关于如何找到我们的文本

如果没有javascrit，列表项就没有意义，因此我添加了链接片段：

<ul>
 <li>
  <a href="#one">Contact us</a>
 </li>
 <li>
  <a href="#two">Find us</a>
 </li>

<h2 id="one">Contact us</h2>
<p>Text about how to contact us</p>

<h2 id="two">Find us</h2>
<p>Text about how to find us</p>

联系我们
关于如何联系我们的文字

找到我们
关于如何找到我们的文本

链接片段的目标ID没有语义意义是否重要？我的代码是否存在其他可访问性/可用性问题

A）在HTML5中，您可以使用

标记来区分这两个不相关的区域，该标记可以包含自己的

标记，以更好地分组和语义（这是一个单词吗？）

B） 就

id

而言，我认为它与SEO无关，但出于可维护性的原因，您可能希望使它们更具语义

此外（不确定这是否是问题中的疏忽），但在页面内部链接时，应在链接中使用哈希值

#

，以便

单击后，浏览器会将您滚动到正确的位置

搜索引擎和浏览器不会跟随该链接并尝试查找具有该名称的页面/文件夹

C） 您还可以通过将链接组定义为导航区域（使用

标记）来改进链接组

联系我们
关于如何联系我们的文字

找到我们
关于如何找到我们的文本

在链接上使用

#one

和

#two

（添加散列

#

），否则用户和搜索机器人将跟随这些链接（加上它将以这种方式将页面滚动到正确的区域）…是的，这是一个打字错误，谢谢。好的，我想澄清一下，下面的答案提到了搜索引擎优化，你说的是可访问性，你的问题中没有搜索引擎优化标签。你是否意识到可访问性和搜索引擎优化是两件截然不同的事情？我猜你是指搜索引擎优化，因为你接受了他的答案。

<nav>
    <ul>
        <li><a href="#contact-us">Contact us</a></li>
        <li><a href="#find-us">Find us</a></li>
    </ul>
</nav>

<section id="contact-us">
    <h1>Contact us</h1>
    <p>Text about how to contact us</p>
</section>

<section id="find-us">
    <h1>Find us</h1>
    <p>Text about how to find us</p>
</section>