You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

是否可在导航栏当前页面的父级链接上使用aria-current="page"?

子页面导航中给父级链接加aria-current="page"是否错误?

这种用法不算严格意义上的错误,但从WAI-ARIA的语义规范来说,不是最精准的选择。

  • 先明确aria-current的核心作用:标记与当前上下文匹配的元素,不同取值对应不同语义:
    • aria-current="page":专门用于标记指向当前加载页面URL的链接,也就是链接地址和当前页面完全一致的场景。
    • aria-current="location":适合标记当前页面所属的导航分支父级链接,语义上表示“当前处于该导航区域下”,完全贴合你提到的子页面场景。

你给出的示例里,当前页面是/galleries/gallery1/,而Galleries链接指向的是/galleries/,二者URL并不完全匹配,所以用aria-current="page"语义上不够准确。如果改成aria-current="location",就能更精准地传达当前页面属于Galleries导航分支的信息,同时也能让屏幕阅读器正确识别这个状态。

不过在实际开发中,很多开发者会用aria-current="page"来实现父级导航的高亮,屏幕阅读器通常也能理解这个意图,但从规范严谨性来说,更推荐使用aria-current="location"。

内容的提问来源于stack exchange,提问作者apokaliptis

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.24 12:57:36