可访问链接

Tab 键导航

不使用或无法使用指针设备的用户可以通过链接进行 Tab 键导航，因此，链接应具有逻辑的 Tab 键顺序。tabindex 属性允许您定义此顺序，尽管如果 HTML 是线性的（正如它应该的那样），逻辑的 Tab 键顺序应该会自动生成。

<ul>
    <li><a href="here.html" tabindex="1">Here</a></li>
    <li><a href="there.html" tabindex="3">There</a></li>
    <li><a href="limbo.html" tabindex="2">Limbo</a></li>
</ul>

在此示例中（纯粹用作演示 - 实际上会非常愚蠢），Tab 键导航将从“此处”跳到“ limbo”再跳到“那里”。

链接标题

如果您有一个链接不是自描述的，或者链接的目标可以更详细地解释，您可以使用 title 属性向链接添加信息。

<p>I'm really bad at writing link text. <a href="inept.html" title="Why I'm rubbish at writing link text: An explanation and an apology.">Click here</a> to find out more.</p>

访问键

访问键 通过为链接分配 键盘快捷键 来实现更轻松的导航（当用户按下“Alt”或“Ctrl”+ 访问键时，通常会获得焦点）。

<a href="somepage.html" accesskey="s">Some page</a>

跳过 HTML

为了辅助 Tab 键导航，您可以提供允许用户跳过网页块的链接。例如，您可能希望允许某人跳过大量的导航链接，以便他们可以直接阅读页面的主要内容，而不是循环浏览所有链接。

<header>
    <h1>The Heading</h1>
    <a href="#content">Skip to content</a>
</header> 

<nav>
    <!--loads of navigation stuff -->
</nav>

<section id="content">
    <!--lovely content -->
</section>