gpt4 book ai didi

html - 可访问性 (WCAG 2.0)、冗余链接和响应式网站导航

转载 作者:太空狗 更新时间:2023-10-29 14:57:13 24 4
gpt4 key购买 nike

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

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

在移动设备上,主链接会在触摸时展开一个子导航,并使用一个复制的子链接实际打开关于我们和其他子页面。

在桌面上,复制的链接是隐藏的 - 因为主要的关于我们链接支持点击(打开页面)和悬停(显示子导航)状态。

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

有没有简单的属性方法来解决这个问题?或者没有比修改网站的 IA 更好的解决方法了吗?

最佳答案

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

关于html - 可访问性 (WCAG 2.0)、冗余链接和响应式网站导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38754694/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com