如何从浏览器中排除HTML文本节点'；s的搜索功能？

是否有一些ARIA或其他方法来标记给定的HTML节点，以便在用户搜索页面上的文本时跳过（Ctrl+F/Cmd+F）

用例：隐藏搜索中的可访问/回退文本

示例：在此页面上搜索单词

down

。您应该只在前一句中找到该实例，但Chrome将显示与此问题答案数量相同的搜索结果，再加上一个，因为问题本身和每个答案都有一个“d…vote”

a

链接文本

---

这样的搜索结果不会突出显示，在搜索框中看到“X中的1”可能会令人沮丧，而没有任何可见内容与用户搜索的内容相匹配。

不确定我是否正确理解您，但如果您开发自己的应用程序，而不是黑客攻击源代码，可能使用CSS

：before

或

：after

伪元素填充

内容

属性会有所帮助

例如，在Safari、Chrome和Firefox中通过

content

属性添加文本“Hello”时，无法找到：

.text:before {
    content: 'Hello';
}

---

Opera 12.x在页面上找到该词，因此如果其支持对您有意义，则此解决方案将无法工作。我也没有在任何版本的IE、移动浏览器和其他不常见的环境中对其进行测试。

在示例中，您可以删除“否决票”文本（将其替换为

、空白或空字符串）因为

a

标记已经包含一个

title

属性，该属性旨在供屏幕阅读器使用

只有像lynx这样的文本浏览器才需要回退，它会忽略CSS

 <a href="#" title="Explicit alternative">
    <span class="hidden">Explicit alternative</span>
 </a>

设置

显示：在类
隐藏

如果您怀疑
title
属性是否足够，可以添加
aria label
属性，但这不是必需的