可访问性Skiplink:还需要吗？

Question

几年前，在网站中包含(视觉上隐藏的)可访问性跳转链接是一种最佳实践。

<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、文章)。

这是否仍然是网站可访问性的一个重要功能，或者屏幕阅读器已经改进到可以省略它的程度？

和:适当的WAI区域标记可以取代这样的跳转链接吗?如果是，有什么建议吗？

Answer 1

跳过链接是放置在页面内容的最开始的链接(必须是第一个可聚焦的项目)。例如：Content、Navigation、Search链接(或Skip to content)。也称为

相关的WCAG 2.0技术：

• G1: Adding a link at the top of each page that goes directly to the main content area
• G124: Adding links at the top of the page to each area of the content

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

来自W3C/WAI：Comparison of WCAG 1.0 Checkpoints to WCAG 2.0 (WCAG1.0已经有15年历史了！)：

为了符合WCAG2.0，不再需要

访问密钥。它是一个咨询项目:提供访问密钥(成功标准2.4.1的咨询技术(A级)。

来自WebAIM的完整文章：Keyboard Accessibility - Providing Keyboard Shortcuts Using accesskey，值得注意的是A Good Idea Implemented notably :)

未来已经存在：

里程碑角色是将取代快速访问链接的机制。只需将定义的role属性添加到内容的某些元素中，如果用户最近有一个屏幕阅读器，那么他可以从页面的一个部分导航到另一个部分，还可以快速找到导航菜单(它是nav元素，在HTML5中是role="navigation"，在HTML4中它可以是ul或div -内部有一个链接列表)。

什么时候我们才能删除快速访问链接，而只依赖于标志性角色？当所有屏幕阅读器用户都有一个兼容的屏幕阅读器时。不是今天。

Steve Faulkner Using WAI-ARIA Landmarks最近的一篇文章