是否可在导航栏当前页面的父级链接上使用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
相关产品推荐
相关产品推荐

