1

几年前，在网站中包含（视觉隐藏的）可访问性跳过链接曾经是最佳实践。

<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 标签（如导航、文章）。

这仍然是网站可访问性的一个重要功能，还是屏幕阅读器改进了很多以至于可以省略？

并且：适当的 WAI AREA 标记能否取代此类跳过链接？如果有，有推荐吗？

4

2 回答 2

4

屏幕阅读器用户不再需要跳过导航链接。他们可以通过跳过 HTML 标题层次结构来导航网页，并且可以使用 ARIA 标志性角色（例如 、 ）跳转到页面的特定role="navigation"区域role="main"。只要确保您的网页包含这些功能。

也就是说，其他用户仍然需要跳过导航链接，尤其是通过键盘（而不是鼠标）导航的有视力的人。他们很可能使用tab键来浏览页面上的链接，并且通过许多导航菜单链接来切换到主要内容中的链接是非常乏味的。我不会做得太过分——只需一个链接绕过导航并进入主要内容就足够了。此外，由于受益人是有视力的用户，因此链接应该是可见的，或者至少在它收到键盘焦点时应该变得可见。

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

于 2013-06-07T01:04:23.727 回答
1

跳过链接是放置在页面内容最开头的链接（必须是第一个可聚焦的项目）。示例：Content, Navigation,Search链接（或Skip to content）。也称为绕过或快速访问链接
相关的 WCAG 2.0 技术：

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

来自 W3C/WAI：WCAG 1.0 Checkpoints 与 WCAG 2.0 的比较（而 WCAG 1.0 已经 15 岁了！）：

不再需要访问密钥来符合 WCAG 2.0。它是一个咨询项目：提供访问密钥（成功标准 2.4.1（A 级）的咨询技术。

来自 WebAIM 的详尽文章：键盘可访问性 - 使用 accesskey 提供键盘快捷方式，尤其是A Good Idea Implemented Poorly部分:)

未来已经存在：
具有里程碑意义的角色是取代快速访问链接的机制。只需role为内容的某些元素添加定义的属性，如果用户最近有屏幕阅读器，那么他可以从页面的一个部分导航到另一个部分，还可以快速找到导航菜单（它是HTML5 或 HTML4 中的nav元素）role="navigation"可以是ul或div- 里面有一个链接列表）。
我们什么时候才能删除快速访问链接并仅依赖具有里程碑意义的角色？当所有屏幕阅读器用户都将拥有兼容的屏幕阅读器时。今天不行。
Steve Faulkner 最近的文章使用 WAI-ARIA 地标

于 2013-06-06T19:43:09.470 回答