检查隐藏链接示例

本地视觉模拟。不会扫描或修改任何网站;示例URL仅作为不执行的代码显示。

切换案例会恢复原始状态。显示模式用于检查,不代表修复真实网站。禁用JavaScript时仍可阅读六个案例并下载练习。

hidden属性

这个模式的含义

hidden通常阻止呈现,但CSS可能覆盖其显示行为。

在自己页面上检查什么

检查元素、祖先以及计算后的display;仅看源码不能确定全部最终显示结果。

下一步操作

修改模板或内容记录前,先确认该引用为什么存在。

原始状态

示例是否包含锚点元素: 有

<a href="https://reference.example/guide" hidden>参考指南</a>

显示以便检查

示例是否包含锚点元素: 有

<a href="https://reference.example/guide">参考指南</a>

移除示例引用

示例是否包含锚点元素: 无

<p>参考指南</p>
display:none规则

这个模式的含义

示例锚点仍留在HTML中,但自身的display规则移除了布局框。

在自己页面上检查什么

检查匹配规则、来源以及可能隐藏整段内容的祖先。

下一步操作

从生成它的内容或模板中移除不需要的引用,再核查公开页面。

原始状态

示例是否包含锚点元素: 有

<a href="https://reference.example/guide" style="display:none">参考指南</a>

显示以便检查

示例是否包含锚点元素: 有

<a href="https://reference.example/guide">参考指南</a>

移除示例引用

示例是否包含锚点元素: 无

<p>参考指南</p>
visibility:hidden规则

这个模式的含义

示例不可见,但可能仍占据布局空间。

在自己页面上检查什么

检查计算、继承或覆盖后的visibility;截图不能证明链接不存在。

下一步操作

只有当目标确实是恢复可见性时才修改负责的规则,并记录原因。

原始状态

示例是否包含锚点元素: 有

<a href="https://reference.example/guide" style="visibility:hidden">参考指南</a>

显示以便检查

示例是否包含锚点元素: 有

<a href="https://reference.example/guide">参考指南</a>

移除示例引用

示例是否包含锚点元素: 无

<p>参考指南</p>
透明的引用

这个模式的含义

opacity为零让示例透明,但没有删除源码中的锚点。

在自己页面上检查什么

检查元素及祖先的opacity和真实目标。视觉消失不等于从DOM中消失。

下一步操作

核查来源与目的;锚点消失之前不要报告为已移除。

原始状态

示例是否包含锚点元素: 有

<a href="https://reference.example/guide" style="opacity:0">参考指南</a>

显示以便检查

示例是否包含锚点元素: 有

<a href="https://reference.example/guide">参考指南</a>

移除示例引用

示例是否包含锚点元素: 无

<p>参考指南</p>
关闭的折叠区域

这个模式的含义

关闭的details内容可能被有意设计为通过summary展开。

在自己页面上检查什么

展开后检查引用、用途与最终HTML;默认折叠并不自动等于垃圾链接。

下一步操作

保留有用的展开行为。将意外的目标地址与组件本身分开调查。

原始状态

示例是否包含锚点元素: 有

<details><summary>补充引用</summary><a href="https://reference.example/guide">参考指南</a></details>

显示以便检查

示例是否包含锚点元素: 有

<details open><summary>补充引用</summary><a href="https://reference.example/guide">参考指南</a></details>

移除示例引用

示例是否包含锚点元素: 无

<details><summary>补充引用</summary><p>参考指南</p></details>
视觉裁剪的无障碍文本

这个模式的含义

被裁剪的文本可能服务辅助技术,应核实目的而不是猜测。

在自己页面上检查什么

使用适当的无障碍工具检查可访问名称、周围控件与焦点行为。

下一步操作

不要仅因看不见就删除有用的无障碍文本。不需要的目标应在生成源头修正。

原始状态

示例是否包含锚点元素: 有

<a href="https://reference.example/guide" style="position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap">参考指南</a>

显示以便检查

示例是否包含锚点元素: 有

<a href="https://reference.example/guide">参考指南</a>

移除示例引用

示例是否包含锚点元素: 无

<p>参考指南</p>