我正在尝试修改我的网站,使其符合 WCAG 标准。我正在生成没有内容的链接,但这些链接被标记为错误。
我已被编辑器(H91)重定向到修复程序,但它并没有真正解决我的问题。
我应该如何处理这个?
当前链接示例:
<a name="dbcaddi:hasSubjectDescription"></a>
我正在尝试修改我的网站,使其符合 WCAG 标准。我正在生成没有内容的链接,但这些链接被标记为错误。
我已被编辑器(H91)重定向到修复程序,但它并没有真正解决我的问题。
我应该如何处理这个?
当前链接示例:
<a name="dbcaddi:hasSubjectDescription"></a>
如果您的链接是一个锚点,只需添加一个id
与name
.
如果它是一个用户可能激活的实际链接,您需要为其提供一个“链接文本”,即 和 之间的一些描述性<a>
文本</a>
。
这是可访问性所必需的,因为某些用户(例如屏幕阅读器用户)列出了页面的所有链接以快速理解它。
作为应用程序开发人员,如果您的链接为空,则应将其删除,并在需要时(JS 事件左右)添加整个完整和功能节:<a href="...">blabla</a>
(顺便说一句,如果你使用一些 JS/AJAX,你应该在 WAI-ARIA 概念上进行评论)。
如果您使用图标作为内容,那么只需在元素之间添加一个屏幕阅读器即可。这将通过测试
<a> <span class="sr-only">some text that relates to your link</span> <i class="icon"> </i> </a>
最终我最终在链接中添加并隐藏了它:
<span> </span>