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

概述对于响应式网站上的触摸设备,存在以下简单导航： >关于我们 >关于我们 >联系我们 在移动设备上,主链接会在触摸时扩展子视图,并使用复制的子链接实际打开“关于我们”和其他子页面. 在桌面上,隐藏了复制的链接 – 因为主要的“关于我们”链接支持单击(打开页面)和悬停(显示子窗口)状态. 这似乎是通过移动触摸菜单处理响应式网站上的导航的常用方法,但重复的链接会产生WCAG 2.0冗余链接警报. 是否有 对于响应式网站上的触摸设备,存在以下简单导航：

>关于我们

>关于我们
>联系我们

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

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

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

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

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

以上是内存溢出为你收集整理的HTML – 辅助功能(WCAG 2.0),冗余链接和响应式网站导航全部内容，希望文章能够帮你解决HTML – 辅助功能(WCAG 2.0),冗余链接和响应式网站导航所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。