可访问性 (WCAG 2.0)、冗余链接和响应式网站导航
Accessibility (WCAG 2.0), redundant links and responsive website navigation
响应式网站上的触摸设备存在以下简单导航：
- 关于我们
- 关于我们
- 联系我们
在移动设备上，主 link 会在触摸时展开一个子导航，并使用一个复制的子 link 实际打开关于我们和其他子页面。
在桌面上，复制的 link 是隐藏的 - 因为主要的关于我们 link 支持单击（打开页面）和悬停（显示子导航）状态。
这似乎是在具有移动触摸菜单的响应式网站上处理导航的常用方法，但重复的 link 会产生 WCAG 2.0 冗余 link 警报。
有没有简单的属性方法来解决这个问题？或者没有比修改网站的 IA 更好的解决方法了吗？
如何隐藏 link 桌面尺寸？使用 display:none 将其从页面中删除，而不是仅仅使其不可见或变得非常小，因此它将防止任何重复的 link 问题。如果您已经在使用 display:none，这可能是您用于评估辅助功能的工具中的错误。
WCAG 2.0
中没有"redundant links"这样的东西
只有两个科目，你要关心：
- H2: Combining adjacent image and text links for the same resource
- H30: Providing link text that describes the purpose of a link for anchor elements
因此，根据 WCAG 2.0，只要一个链接不包含图像，无论它们是否相邻，都有两个指向同一页面的链接不是问题。
但是如果一个工具说这是一个问题，你有很多解决方案：忽略这个工具，改变你的工具，或者像这样修改文本：
- 关于我们
- 联系我们
- 关于我们
我最终在重复的导航项上使用了属性 aria-hidden="true" role="presentation"。 WAVE 仍然会发出 'duplicated link' 警报，但正如@stringy 所提到的，这些工具并不完美，我宁愿在 WAVE 中有一些警报，也不愿通过更改导航顺序来惩罚用户。 aria-hidden="true" role="presentation" 为辅助技术提供了一些额外的背景信息。
响应式网站上的触摸设备存在以下简单导航：
- 关于我们
- 关于我们
- 联系我们
在移动设备上，主 link 会在触摸时展开一个子导航，并使用一个复制的子 link 实际打开关于我们和其他子页面。
在桌面上，复制的 link 是隐藏的 - 因为主要的关于我们 link 支持单击（打开页面）和悬停（显示子导航）状态。
这似乎是在具有移动触摸菜单的响应式网站上处理导航的常用方法，但重复的 link 会产生 WCAG 2.0 冗余 link 警报。
有没有简单的属性方法来解决这个问题？或者没有比修改网站的 IA 更好的解决方法了吗？
如何隐藏 link 桌面尺寸？使用 display:none 将其从页面中删除，而不是仅仅使其不可见或变得非常小，因此它将防止任何重复的 link 问题。如果您已经在使用 display:none，这可能是您用于评估辅助功能的工具中的错误。
WCAG 2.0
中没有"redundant links"这样的东西只有两个科目，你要关心：
- H2: Combining adjacent image and text links for the same resource
- H30: Providing link text that describes the purpose of a link for anchor elements
因此，根据 WCAG 2.0，只要一个链接不包含图像，无论它们是否相邻，都有两个指向同一页面的链接不是问题。
但是如果一个工具说这是一个问题，你有很多解决方案：忽略这个工具，改变你的工具，或者像这样修改文本：
- 关于我们
- 联系我们
- 关于我们
我最终在重复的导航项上使用了属性 aria-hidden="true" role="presentation"。 WAVE 仍然会发出 'duplicated link' 警报，但正如@stringy 所提到的，这些工具并不完美，我宁愿在 WAVE 中有一些警报，也不愿通过更改导航顺序来惩罚用户。 aria-hidden="true" role="presentation" 为辅助技术提供了一些额外的背景信息。