css - 如何对有视力的用户和搜索引擎而不是屏幕阅读器隐藏任何文本？

Question

对有视力的用户而不是流行的屏幕阅读器隐藏任何文本的最佳测试方法是什么？ 并且不影响 SEO。

例如，如果我仅为屏幕阅读器用户添加任何隐藏文本，那么当搜索引擎抓取该页面时，搜索引擎不应抓取该文本。

Answer 1

jQuery UI CSS框架通过将元素定位在远离屏幕的位置来实现这一点，例如

.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }