WAI-ARIA:为什么推荐面包屑有当前页面的链接?

问题描述 投票:0回答:1

WAI-ARIA面包屑示例 有以下规则。

通往当前页面的链接的aria-current被设置为page.如果代表当前页面的元素不是链接,则aria-current是可选的。如果代表当前页面的元素不是一个链接,则 aria-current 是可选的。

然而,我的理解是,面包屑中的当前页面不应该是一个链接,因为这个链接会简单地将用户带到他们已经在的页面上。这只是一个例子的疏忽,还是背后有什么原因?

user-interface accessibility breadcrumbs wai-aria
1个回答
1
投票

从纯粹的用户体验和可访问性的角度来看,它没有任何可用性的原因,而且它实际上增加了另一个标签停顿和可能的混乱。

然而无障碍性并不是孤立存在的,所以我们需要决定是否有一个链接到当前页面有其他的好处。

现在Stack Overflow不是讨论SEO的地方,但这是经常辩论的事情,因为它可以根据页面上的链接数量影响 "链接汁 "的比例,我不认为有任何事实,但这是SEO的世界,你可以研究考虑。

另一个原因是,如果使用结构化数据,如 schema.org breadcumbList.

虽然有一些方法可以使用 结构化数据,没有最后一个面包屑的超链接。 它只是留下了灵活性,如果使用 微格式 而不是 JSON-LD

结论

如果不使用链接并改变你生成的 "microFormats "或 "JSON-LD "是很容易的,那么在你的面包屑中最好不要有当前页面的超链接。这将提高可用性和用户体验。

然而,如果你确实因为其他限制而需要一个超链接,那么请确保你添加了 aria-current="page" 和可能的一些 隐性文字 说是当前页面。

比如说 <a href="page" aria-current="page">page name <span class="visually-hidden">(current page)</span></a>)

© www.soinside.com 2019 - 2024. All rights reserved.