Navigation 可访问性技巧：需要stiil吗？

几年前，在网站中加入（视觉上隐藏的）可访问性技巧曾经是最佳实践

<ul>
    <li><a accesskey="0" href="/">Home</a></li>
    <li><a accesskey="1" href="#content">Content</a></li>
    <li><a accesskey="2" href="nav#main">Main navigation</a></li>
    <li><a accesskey="5" href="#search">Search</a></li>
    <li><a accesskey="6" href="#news">News</a></li>
    <li><a accesskey="7" href="#events">Events</a></li>
    <li><a accesskey="8" href="#meta">Service navigation</a></li>
    <li><a accesskey="9" href="/sitemap">Sitemap</a></li>       
</ul>

假设至少使用了一些语义html5标记（如nav、article）

这仍然是网站可访问性的一个重要特性，还是屏幕阅读器改进到可以忽略的程度

---

以及：适当的围区标记是否可以取代这种技巧；如果是这样，是否有建议？

跳过链接是放置在页面内容最开头的链接（必须是第一个可聚焦的项目）。示例：

内容

，

导航

，

搜索

链接（或

跳到内容

）。也被命名为
相关WCAG 2.0技术：

您编写的代码是关于accesskey属性的。关于使用哪个键来避免烦人的键盘用户和他们的几十个快捷键，从来没有任何官方标准。事实上有一些标准，比如只使用数字字符而不使用字母（屏幕阅读器已经使用）

来自W3C/WAI：（而且WCAG1.0已经有15年历史了！）：

符合WCAG 2.0不再需要AccessKey。它是 一个建议项目：提供访问密钥（针对 成功标准2.4.1（A级）

来自WebAIM的透彻文章：，特别是“A好主意实施得很差”部分：）

未来已经存在：
landmark roles是取代快速访问链接的机制。只需将定义的

role

属性添加到内容的某些元素中，并且如果用户最近有一个屏幕阅读器，则他可以从页面的一个部分导航到另一个部分，还可以快速找到导航菜单（这是带有

role=“navigation”的
nav
元素）

在HTML5或HTML4中，它可以是

ul

或

div

——里面有一个链接列表）。
我们什么时候才能删除快速访问链接，只依赖于地标角色？当所有屏幕阅读器用户都有一个兼容的屏幕阅读器时。今天不行。

---

Steve Faulkner最近的一篇文章

跳过链接是放置在页面内容最开头的链接（必须是第一个可聚焦的项目）。示例：

内容

，

导航

，

搜索

链接（或

跳到内容

）。也被命名为
相关WCAG 2.0技术：

您编写的代码是关于accesskey属性的。关于使用哪个键来避免烦人的键盘用户和他们的几十个快捷键，从来没有任何官方标准。事实上有一些标准，比如只使用数字字符而不使用字母（屏幕阅读器已经使用）

来自W3C/WAI：（而且WCAG1.0已经有15年历史了！）：

符合WCAG 2.0不再需要AccessKey。它是 一个建议项目：提供访问密钥（针对 成功标准2.4.1（A级）

来自WebAIM的透彻文章：，特别是“A好主意实施得很差”部分：）

未来已经存在：
landmark roles是取代快速访问链接的机制。只需将定义的

role

属性添加到内容的某些元素中，并且如果用户最近有一个屏幕阅读器，则他可以从页面的一个部分导航到另一个部分，还可以快速找到导航菜单（这是带有

role=“navigation”的
nav
元素）

在HTML5或HTML4中，它可以是

ul

或

div

——里面有一个链接列表）。
我们什么时候才能删除快速访问链接，只依赖于地标角色？当所有屏幕阅读器用户都有一个兼容的屏幕阅读器时。今天不行。

---

史蒂夫·福克纳（Steve Faulkner）最近的一篇文章

屏幕阅读器用户不再需要跳过导航链接。他们可以通过跳过HTML标题层次结构来导航网页，并可以使用ARIA landmark角色（例如，

role=“navigation”

，

role=“main”

）跳转到页面的特定区域。只需确保您的页面包含这些功能

也就是说，其他用户仍然需要跳过导航链接，尤其是那些通过键盘（而不是鼠标）导航的视力正常的用户。他们可能会使用tab键浏览页面上的链接，而要通过几十个导航菜单链接找到主内容中的链接，这是非常繁琐的。我不会做得太过火——只需一个链接就可以绕过导航，进入主要内容。此外，由于受益者是有视力的用户，因此链接应该是可见的，或者至少当它接收到键盘焦点时应该是可见的

---

当所有主流浏览器都提供本机支持，可以通过键盘跳转到特定的HTML5语义元素和/或ARIA地标时，我们可以停止包含这些链接

屏幕阅读器用户不再需要跳过导航链接。他们可以通过跳过HTML标题层次结构来导航网页，并可以使用ARIA landmark角色（例如，

role=“navigation”

，

role=“main”

）跳转到页面的特定区域。只需确保您的页面包含这些功能

也就是说，其他用户仍然需要跳过导航链接，尤其是那些通过键盘（而不是鼠标）导航的视力正常的用户。他们可能会使用tab键浏览页面上的链接，而要通过几十个导航菜单链接找到主内容中的链接，这是非常繁琐的。我不会做得太过火——只需一个链接就可以绕过导航，进入主要内容。此外，由于受益人是有视力的用户，因此链接应该是可见的，或者在