7

我正在尝试修改我的网站,使其符合 WCAG 标准。我正在生成没有内容的链接,但这些链接被标记为错误。

我已被编辑器(H91)重定向到修复程序,但它并没有真正解决我的问题。

我应该如何处理这个?

当前链接示例:

 <a name="dbcaddi:hasSubjectDescription"></a>
4

3 回答 3

4

如果您的链接是一个锚点,只需添加一个idname.

如果它是一个用户可能激活的实际链接,您需要为其提供一个“链接文本”,即 和 之间的一些描述性<a>文本</a>

这是可访问性所必需的,因为某些用户(例如屏幕阅读器用户)列出了页面的所有链接以快速理解它。

作为应用程序开发人员,如果您的链接为空,则应将其删除,并在需要时(JS 事件左右)添加整个完整和功能节:<a href="...">blabla</a>

(顺便说一句,如果你使用一些 JS/AJAX,你应该在 WAI-ARIA 概念上进行评论)。

于 2014-05-29T15:28:41.727 回答
3

如果您使用图标作为内容,那么只需在元素之间添加一个屏幕阅读器即可。这将通过测试

<a> <span class="sr-only">some text that relates to your link</span> <i class="icon"> </i> </a>
于 2019-04-24T09:24:14.113 回答
-6

最终我最终在链接中添加并隐藏了它:

 <span>&nbsp;</span>
于 2013-05-30T07:53:04.700 回答