在 HTML 源代码中查找所有空链接(包含 href="x" 的空标签)的最通用方法是什么?



我通过可访问性问题扫描器扫描了我网站的主页;我用来在Web 可访问性的上下文中查找标记和信息表示问题的工具。

使用WAVE报告工具,我发现了两个问题:两者都是"空链接"。

也许我错过了,但我没有从工具中得到这些链接是什么以及如何找到它们,所以我会通过我的WordPress页面构建器(Elementor( 删除它们,这是我为这个网站创建标记的工具。

一位可访问性专家告诉我,执行 CTRL+F 然后在源代码中搜索<a href=""></a>效率不高,因为可能存在许多偏见,而 AFAIK 空链接甚至不必是a标签。

我的问题是如何找到空链接,你知道我可以用来收集有关这些链接的合理数据并删除它们的通用可靠技术吗?

使用 WAVE 工具时,底部有一个很小的(这就是为什么你不会看到它(绿色标签,称为<code>.

单击您失败的项目,然后单击此选项卡,它将在出现的底部窗格中显示受影响的代码。它还将尝试为您突出显示受影响的项目,但这并不总是很清楚(具有讽刺意味的是,这是一个辅助工具!!

查找链接的可靠方法很困难,因为它包括 SVG、图标等作为空,但作为一般规则,搜索所有<a>标签然后收集它们的textContent(或 .text(( 在 jQuery 中我认为(将起作用(如果 textContent 为空,那么这可能是一个问题, 您可能会收到一些误报,但它应该使生活变得轻松(。

最新更新