Web 可访问性 - 空链接答案

【问题标题】：Web Accessibility - empty linksWeb 可访问性 - 空链接
【发布时间】：2016-10-10 04:02:13
【问题描述】：

作为我们网站可访问性评估的一部分，一些空链接被认为是一个问题

链接是针对日期选择器的日历图标（该站点是使用 jQuery 的 ASP.NET MVC/Razor）

<a href='#' class="icon-calendar"></a>

使这些项目符合可访问性的最佳解决方案是什么？

我们应该添加alt 属性还是在链接中添加一些隐藏文本？ <span class="hidden">Calendar icon</span>

谢谢

【问题讨论】：

【解决方案1】：

我认为您应该使用aria-label 属性来描述这些链接。

【讨论】：

【解决方案2】：

你为什么不在链接上使用属性title=""？

【讨论】：

【解决方案3】：

根据定义，链接不应为空，如果您的组件需要使用图标来直观地表示某些内容，则为此使用<a> 标签可能没有什么意思。

链接必须是可点击的，并将用户带到某个地方。使用 aria-label 或 title 并不能解决问题。

【讨论】：