响应式站点上的触摸设备存在以下简单导航：
- 关于我们
- 关于我们
- 联系我们
在移动设备上，主链接在触摸时展开子导航，并带有一个复制的子链接以实际打开关于我们和其他子页面。
在桌面上，复制的链接是隐藏的——因为主要的 About Us 链接支持单击（打开页面）和悬停（显示子导航）状态。
这似乎是使用移动触摸菜单在响应式网站上处理导航的常用方法，但重复的链接会产生 WCAG 2.0 冗余链接警报。
有没有一种简单的属性方法来解决这个问题？还是没有比修改站点的 IA 更好的解决方法？
问问题
8586 次
3 回答
4
我最终使用aria-hidden="true" role="presentation"了重复导航项的属性。WAVE 仍然会抛出其“重复链接”警报，但正如 @stringy 所提到的，这些工具并不完美，我宁愿在 WAVE 中发出一些警报，也不愿通过改变导航顺序来惩罚用户。aria-hidden="true" role="presentation"为辅助技术提供了一些额外的背景。
于 2016-08-04T16:02:58.697 回答
2
您如何在桌面尺寸上隐藏链接？使用 display:none 会将其从页面中删除，而不仅仅是使其不可见或非常小，因此可以防止任何重复链接问题。如果您已经在使用 display:none，则可能是您用于评估可访问性的工具中的错误。
于 2016-08-04T07:04:08.533 回答
2
WCAG 2.0 中没有“冗余链接”之类的东西
只有两个主题，你必须关心：
因此，根据 WCAG 2.0，只要一个不包含图像，无论它们是否相邻，都有两个指向同一页面的链接都不是问题。
但是如果一个工具说这是一个问题，你有很多解决方案：忽略这个工具，改变你的工具，或者修改文本：
- 关于我们
- 联系我们
- 关于我们
于 2016-08-04T07:20:28.313 回答