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

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

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

使用WAVE report tool,我发现了两个问题:两个都是“空链接”。

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

一位辅助功能专家告诉我,做CTRL + F然后在源头搜索说<a href=""></a>效率不高,因为有很多偏见,AFAIK空链接甚至不必是a标签。

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

javascript html hyperlink null accessibility
1个回答
3
投票

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

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

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

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