本地视觉模拟。不会扫描或修改任何网站;示例URL仅作为不执行的代码显示。
切换案例会恢复原始状态。显示模式用于检查,不代表修复真实网站。禁用JavaScript时仍可阅读六个案例并下载练习。
hidden通常阻止呈现,但CSS可能覆盖其显示行为。
检查元素、祖先以及计算后的display;仅看源码不能确定全部最终显示结果。
修改模板或内容记录前,先确认该引用为什么存在。
示例是否包含锚点元素: 有
<a href="https://reference.example/guide" hidden>参考指南</a>示例是否包含锚点元素: 有
<a href="https://reference.example/guide">参考指南</a>示例是否包含锚点元素: 无
<p>参考指南</p>示例锚点仍留在HTML中,但自身的display规则移除了布局框。
检查匹配规则、来源以及可能隐藏整段内容的祖先。
从生成它的内容或模板中移除不需要的引用,再核查公开页面。
示例是否包含锚点元素: 有
<a href="https://reference.example/guide" style="display:none">参考指南</a>示例是否包含锚点元素: 有
<a href="https://reference.example/guide">参考指南</a>示例是否包含锚点元素: 无
<p>参考指南</p>示例不可见,但可能仍占据布局空间。
检查计算、继承或覆盖后的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>