辅助功能(WCAG 2.0),冗余链接和响应式网站导航

Stu*_*haw 6 html navigation accessibility wcag2.0

对于响应式网站上的触摸设备,存在以下简单导航:

  • 关于我们
    • 关于我们
    • 联系我们

在移动设备上,主链接会在触摸时扩展子视图,并使用复制的子链接实际打开"关于我们"和其他子页面.

在桌面上,隐藏了复制的链接 - 因为主要的"关于我们"链接支持单击(打开页面)和悬停(显示子窗口)状态.

这似乎是通过移动触摸菜单处理响应式网站上的导航的常用方法,但重复的链接会产生WCAG 2.0冗余链接警报.

是否有一种简单的属性方法来解决这个问题?或者没有比修改网站的IA更好的解决方案?

Stu*_*haw 5

我最终利用了aria-hidden="true" role="presentation"重复的导航项上的属性。WAVE 仍然会抛出“重复链接”警报,但正如 @stringy 提到的,这些工具并不完善,我宁愿在 WAVE 中发出一些警报,也不愿通过改变导航顺序来惩罚用户。aria-hidden="true" role="presentation"为辅助技术提供了一些额外的背景。